Gatsby Starter Solid State

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.

🔥 Features

• 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

🚀 Quick start

1. 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

2. 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

3. Start developing.

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

   cd gatsby-example-solid-state/
   gatsby develop

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

🎓 Learning Gatsby

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.

💫 Deploy