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.
- Material UI Framework
- Roboto Typeface (self hosted)
- Offline Support
- Based on Gatsby Default Starter
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
Navigate into your new site’s directory and start it up.
cd <project-name> gatsby develop
Open the source code and start editing!
Your site is now running at
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.
<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!