To run all the tools required you need at least the following installed:
npmif you want, but this is for your own sanity.)
There are a few awesome starters to choose from with varying styles and levels of complexity. Soon we will have a dedicated starters page; in the meantime check these out: a basic Gatsby starter, Tina Grande, Brevifolia
To use the starter, you will need to use the
gatsby-cli. To install it, run the following command.
# npm npm install -g gatsby-cli # yarn yarn global add gatsby-cli
Now we have
gatsby-cli installed, we can now create a project based on the Tina starter by running:
gatsby new my-tina-starter https://github.com/tinacms/gatsby-starter-tinacms
The project is generated in a folder titled
my-tina-starter, feel free to change or update that name.
Now let's start the development server to see how Tina edits our files.
cd my-tina-starter npm run develop
Now navigate to http://localhost:8000 to check out the starter site!
You will notice there's a pencil icon, this is the way you can toggle 'edit-mode' with Tina.
Navigate to various pages and see the different fields of editable content. Make changes and watch them live updates on the site and in your files.