### A Next.js 16 project template powered by DatoCMS

[

**Want to create your own starter project?** Learn how to do that in our documentation!

](https://www.datocms.com/docs/general-concepts/project-starters-and-templates.md#generate-a-project-starter-button)

## 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](https://gql-tada.0no.co/) 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](https://www.datocms.com/marketplace/plugins/i/datocms-plugin-web-previews.md) and [SEO/Readability Analysis](https://www.datocms.com/marketplace/plugins/i/datocms-plugin-seo-readability-analysis.md).
-   🔄 **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.