🚀 Quick start

1. Create a Gatsby site.

   Use the Gatsby CLI (install instructions) to create a new site, specifying the this starter.

   # create a new Gatsby site using the default starter
   gatsby new my-default-starter https://github.com/LasseKrarup/gatsby-netlifycms-tailwindcss-starter
   

2. Start developing.

   This starter uses Yarn 3.2 as a package manager. This means, that Gatsby CLI commands should be run through Yarn commands.

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

   cd my-default-starter/
   yarn start
   

3. 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 my-default-starter directory in your code editor of choice and edit src/templates/index-template.js. Save your changes and the browser will update in real time!

4. Test out NetlifyCMS in a local environment

   You can run NetlifyCMS in a local playground and start messing around with the CMS.

   yarn cms
   

   Navigate to localhost:8000/admin/ to access the content manager.

🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:

• For most developers, it is recommended to start with the 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 the documentation. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.

💫 Deploy

Build, Deploy, and Host with Netlify

This starter is made specifically to work well with Netlify and NetlifyCMS. See more here