Start your Gatsby project with this starter, based on HTML5Up's Solid State theme.
Check out Gatsby's collection of official and community-created starters.
- Built upon gatsby-starter-default
- Based on the Solid State theme
- PWA out-of-the-box with gatsby-plugin-manifest and gatsby-plugin-offline
- Lazy-loaded, responsive images
- Styled using SCSS
- Fully responsive
- Helper components for interacting with Sass classes
- Uses the latest version of React
-
Install the Gatsby CLI.
The Gatsby CLI helps you create new sites using Gatsby starters (like this one!)
# install the Gatsby CLI globally npm install -g gatsby-cli -
Create a Gatsby site.
Use the Gatsby CLI to create a new site, specifying the default starter.
# create a new Gatsby site using gatsby-starter-solid-state gatsby new gatsby-example-solid-state https://github.com/theschmocker/gatsby-starter-solid-state -
Start developing.
Navigate into your new site’s directory and start it up.
cd gatsby-example-solid-state/ gatsby develop -
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 the
gatsby-example-solid-statedirectory in your code editor of choice and editsrc/pages/index.js. Save your changes and the browser will update in real time!
Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:
-
For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples head to our documentation. In particular, check out the “Guides”, API reference, and “Advanced Tutorials” sections in the sidebar.
