Giter VIP home page Giter VIP logo

gatsby-starter-solid-state's Introduction

Gatsby

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

Deploy to Netlify

gatsby-starter-solid-state's People

Contributors

theschmocker avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.