Momentum Website

This site was built using the Gatsby Forty theme.

Check out https://codebushi.com/gatsby-starters/ for more Gatsby starters and templates.

Getting Started

Set your node version to the version in the .nvmrc. If you use nvm, simply run nvm use

Install dependencies by running yarn in the terminal

Start the site by running yarn develop in the terminal

Visit the site at http://localhost:8000

If you want to use graphql, visit http://localhost:8000/___graphql

CSS Grid

The grid on this site was replaced with a custom version, built using CSS Grid. It's a very simple 12 column grid that is disabled on mobile. To start using the grid, wrap the desired items with grid-wrapper. Items inside the grid-wrapper use the class col- followed by a number, which should add up to 12.

Here is an example of using the grid, for a 3 column layout:

<div className="grid-wrapper">
    <div className="col-4">
        <p>Content Here</p>
    </div>
    <div className="col-4">
        <p>Content Here</p>
    </div>
    <div className="col-4">
        <p>Content Here</p>
    </div>
</div>

Guides

Updating Speakers/Sessions

On Sessionize, copy the previous year's query into this year's query Update the URL in gatsby-config.js Update the tags/level codes for this year in src/assets/data/levelAndTagId.js

Annual Conference Website Archive

Go to Netlify using the momentum credentials and open momentumdevcon.com

Netlify Branch Deploy Settings

Hit Configure and then add the new branch name to the additional branches then hit save

Cut a branch named for the year (e.g. "2025") from updated main

Confirm that Netlify deploys the new branch

Add the new subdomain here

Create a CNAME record with our DNS provider, currently Cloudflare, pointing to the deployed branch

Renew the Certificate - this will add the new subdomain to the certificate

Best Practices

Named Exports

All exports (besides Pages & Templates) should be named rather than default. This allows components to be easily searched for across the project and adds consistency to the code base. Pages and templates are default exports because they're required by Gatsby.