"Before" code for an egghead video.

gatsby-config.js

module.exports = {
  siteMetadata: {
    title: 'My Fantastic Website!'
  }
};

package.json

{
  "name": "gatsby-starter-hello-world",
  "description": "Gatsby hello world starter",
  "license": "MIT",
  "scripts": {
    "develop": "gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve"
  },
  "dependencies": {
    "gatsby": "next",
    "react": "^16.4.1",
    "react-dom": "^16.4.1"
  }
}

src-components-Header.js

import React from 'react';

export default () => (
  <header>
    <h1>My Great Website!</h1>
  </header>
);

src-pages-index.js

import React from 'react';
import Header from '../components/Header';

export default () => (
  <>
    <Header />
    <div>Hello world!</div>
  </>
);