Welcome to Bedrock’s documentation!

bedrock is the project behind www.mozilla.org. It is as shiny, awesome, and open-source as always. Perhaps even a little more.

bedrock is a web application based on Django, a Python web application framework.

Patches are welcome! Feel free to fork and contribute to this project on Github.

Contents

• Installing Bedrock
  • Installation Methods
  • Run the tests
  • Make it run
  • Localization
  • Feature Flipping (aka Switches)
• Localization
  • Fluent
  • Legacy
  • All
• L10n Fluent Conversion
  • Create a recipe from a template
  • Sanitize recipe
  • Convert a .lang file to English .ftl
  • Convert the template
  • Port the translations
  • Commit
• Developing on Bedrock
  • Asset Management and Bundling
  • Writing JavaScript
  • Writing URL Patterns
  • Optimizing images
  • Embedding images
  • Using Large Assets
  • Writing Views
  • Coding Style
  • Configuring your code editor
  • Working with Protocol
• How to contribute
  • Git workflow
  • Git commit messages
  • Submitting your work
  • Squashing your commits
  • Server architecture
  • Pushing to production
• Continuous Integration & Deployment
  • Tests in the lifecycle of a change
• Front-end testing
  • Installation
  • Running Jasmine tests using Karma
  • Running functional tests
  • Writing Selenium tests
  • Debugging Selenium
  • Guidelines for writing functional tests
  • Testing Basket email forms
  • Headless tests
• Managing Redirects
  • Add a redirect
  • Differences
  • Utilities
  • Testing redirects
• JavaScript Libraries
  • Mozilla Image Lazy Loader
• Newsletters
  • Features
  • Newsletters
  • Bedrock and Basket
  • URLs
  • Configuration
  • Footer signup
• Contentful Integration
  • Overview
  • Content Models
  • Adding support for a new product icon, size, folder
  • Rich Text Rendering
  • L10N
  • Assets
  • Preview
  • Roles/Permissions
  • Useful Contentful Docs
• Using External Content Cards Data
  • Add to a View
  • Add to the Template
• Banners
  • Creating page banners
  • Fundraising banner
• Mozilla.UITour
  • Introduction
  • Local development
  • JavaScript API
• Send to Device Widget
  • Usage
• Firefox Download Buttons
  • Which button should I use?
  • Documentation
• Firefox Accounts Referrals
  • Firefox Account Signup Form
  • Firefox Account Links
  • Firefox Monitor Links
  • Pocket Links
  • Common FxA Parameters
  • Mozilla VPN Links
  • Link Metrics
  • Tracking External Referrers
  • URL Parameter Conventions
  • Firefox Sync and UITour
  • Handling Distribution (aka China Repack)
  • Testing Signup Flows
  • Google Analytics Guidelines
• Funnel cakes and Partner Builds
  • Funnel cakes
  • Partner builds
• A/B Testing
  • Convert experiments
  • Traffic Cop experiments
  • Excluding automated tests from experiments
• Analytics
  • Google Tag Manager (GTM)
  • The GTM DataLayer
  • DataLayer Push Example
  • The Core DataLayer Object
  • GTM Listeners & Data Attributes
  • Some notes on how this looks in GA
• Stub Attribution
  • How does it work in bedrock?
  • Local testing
  • Measuring campaigns and experiments
• Architectural Decision Records
  • 1. Record architecture decisions
  • 2. Move CI/CD Pipelines to Gitlab
  • 3. Use Cloudflare Workers and Convert for multi-variant testing
  • 4. Use Fluent For Localization
  • 5. Use a Single Docker Image For All Deployments
• Browser Support
  • Browser Support Matrix (Updated 2021-12-07)
  • Delivering basic support
  • Delivering degraded support
  • Exceptions (Updated 2019-06-11)