hungry-bear-gatsby-default

A Gatbsy starter project setup with sanity.io, TypeScript and SCSS.

MIT License

Stars
0

Based on the standard Gatsby starter with sanity.io support, this kit adds TypeScript and SCSS support with custom tslint rules.

Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the hungry-bear-default.

    # create a new Gatsby site using the hungry-bear-default
    npx gatsby new my-wicked-new-app https://github.com/molebox/hungry-bear-gatsby-default.git
    
  2. Start developing.

    Add your Sanity projectId and dataset reference in gatsby-config.js

        options: {
          projectId: 'your-project-id-here',
          dataset: 'your-dataset-here'
        }
    

    Navigate into your new site’s directory and start it up.

    cd my-wicked-new-app/
    gatsby develop
    
  3. Start Coding!!

    Your site is now running at http://localhost:8000!

    Note: You'll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

    Open the hungry-bear-default directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!