Gatsby

Gatsby Material UI Starter

This starter includes Material UI boilerplate and configuration files along with the standard Gatsby configuration files. It provides a starting point for developing Gatsby apps with Material UI.

View the demo app here.

Features

  • Material UI Framework
  • Roboto Typeface (self hosted)
  • SEO
  • Offline Support
  • Based on Gatsby Default Starter

Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the default starter.

    # create a new Gatsby site using the Material UI starter
    gatsby new <project-name> https://github.com/dominicabela/gatsby-starter-material-ui
  2. Start developing.

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

    cd <project-name>
    gatsby develop
  3. Open the source code and start editing!

    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 <project-name> directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!