Get started with GatsbyJS straight away without having to spend a whole day configuring your usual addons.
This starter includes:
- TailwindCSS / PostCSS
- TypeScript
- ESLint / Prettier Linting
- GraphQL codegen for schema and TypeScript types
- Netlify CMS
- etc...
-
Create a Gatsby site
Use the Gatsby CLI to get started locally:
npx gatsby new my-site https://github.com/mattpatterson94/gatsby-starter-infinite
-
Configure Gatsby
Visit the
gatsby-config.js
file and check out the plugins installed. Some plugins require configuration, such as the Google analytics plugin. -
Start developing
In your site directory, start the development server:
yarn start
Your site should now be running at http://localhost:8000
-
Open the source code and start editing
- Push your local site to a new repo in either GitHub, GitLab, or Bitbucket
- Log into your Gatsby Cloud Dashboard and click on Add a site
- Use the Import from a Git repository option to find your site
- Add the environment variables from your
.env.production
file to Gatsby Cloud during setup - Click Build site and your site should start building
For a more detailed walkthrough, see the tutorial on how to build your site with Gatsby Cloud.
Alternatively, you can deploy this starter directly to Gatsby Cloud. Note that you will need to set up your content in Contentful manually.
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.
Build, Deploy, and Host On The Only Cloud Built For Gatsby
Gatsby Cloud is an end-to-end cloud platform specifically built for the Gatsby framework that combines a modern developer experience with an optimized, global edge network.