To run all the tools required you need at least the following installed:
- Node.js (8.0.0+)
- Yarn (Optional. You can still use
npmif you want, but this is for your own sanity.)
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 checkout 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 update on the site and in your files.