Gatsby Starter Infinite

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

Quick Start

1. Create a Gatsby site

   Use the Gatsby CLI to get started locally:

   npx gatsby new my-site https://github.com/mattpatterson94/gatsby-starter-infinite

2. Configure Gatsby

   Visit the gatsby-config.js file and check out the plugins installed. Some plugins require configuration, such as the Google analytics plugin.

3. Start developing

   In your site directory, start the development server:

   yarn start

   Your site should now be running at http://localhost:8000

4. Open the source code and start editing

Deploy your site

1. Push your local site to a new repo in either GitHub, GitLab, or Bitbucket
2. Log into your Gatsby Cloud Dashboard and click on Add a site
3. Use the Import from a Git repository option to find your site
4. Add the environment variables from your .env.production file to Gatsby Cloud during setup
5. 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.

Deploy without using the CLI

Alternatively, you can deploy this starter directly to Gatsby Cloud. Note that you will need to set up your content in Contentful manually.

---

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

💫 Deploy

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.