This Next.js starter is powered by TinaCMS for you and your team to visually live edit content while browing the website. ✨
The content is managed through text files stored in your GitHub repository, and queried through our Tina GraphQL API.
- Local Development workflow from the filesystem and a local GraqhQL server.
- Tina headless backend to save changes back to GitHub and invite collaborators.
- Media management with Cloudinary
- Deploy on Vercel to visually edit your site from
/adminroute.
- Git, Node.js Active LTS, Yarn installed for local development
- A TinaCMS account for live editing
- A Cloudinary account for media support
Install the project's dependencies with
yarn install
Run the project locally with
yarn dev
- http://localhost:3000 : browse the website
- http://localhost:3000/admin : connect to Tina Cloud and go in edit mode
- http://localhost:3000/exit-admin : log out of Tina Cloud
- http://localhost:4001/altair/ : GraphQL playground to test queries and browse the API documentation
A good way to ensure your components match the shape of your data is to leverage the auto-generated TypeScript types.
These are rebuilt when your .tina config changes.
TinaCMS generates your GraphQL schema automatically. 🪄
Install GraphQL extension to benefit from type auto-completion.
When your run the server locally, you can browse the GraphQL docs and test your queries in http://localhost:4001/altair.
TinaCMS backend is in public beta, you might face issues, to provide feedback or get help with any challenges you may have:
- Visit the documentation to learn more about Tina.
- Join our Discord to share feedback.
- Visit the community forum to ask questions.
- Search or open an issue if something is not working.
- Reach out on Twitter at @tina_cms.
- Email us to schedule a call with our team and share more about your context and what you're trying to achieve.
- Get support through the chat widget on the TinaCMS Dashboard
Licensed under the Apache 2.0 license.