Next.js Starter Kit
A Next.js 14 project template powered by DatoCMS
Want to create your own starter project? Learn how to do that in our documentation!
Next.js Starter Kit
This project aims to be a great starting point for your Next.js projects that need to interact with DatoCMS.
- 🔍 Fully commented code — Every file is commented and explained in detail, it will be impossible to get lost!
- 💯 100% TypeScript — Thanks to gql.tada every GraphQL query is fully typed, and your IDE will help you complete the GraphQL queries.
- 🛠️ Minimal boilerplate — The project is minimal and exposes only what is necessary to get started, without complicated models that need to be removed.
- 🚫 Zero CSS — There is only one CSS import, which you can remove to use your preferred CSS tool.
- 📝 Full support for Next.js Draft Mode — Your editors can always view the latest draft version of the content.
- 🧩 Plugin ready — Support for the fantastic plugins Web Previews and SEO/Readability Analysis.
- 🔄 DatoCMS's Real-time Updates API — Your editors can see updated content instantly as soon as you save a new version on DatoCMS.
- 🗑️ Cache invalidation — There's no need to re-deploy your website after each modification to your content, as it will be automatically updated thanks to DatoCMS webhooks.
- 🌐 SEO Metadata — Full integration between Next.js and the SEO settings coming from DatoCMS.