We are happy to announce the latest update to our integration resources and packages for Next.js!

Our team has been hard at work to enhance your developer experience and provide seamless integration with the new Next.js App Router (introduced in Next 13, and marked as stable from v13.4).

What's new?

Integration Resources — We have revamped our integration documentation to provide you with comprehensive guidance and support for the new App Router. Whether you are new to Next.js or an experienced developer, you'll find everything you need to seamlessly integrate your applications with Next.js.

Our updated documentation covers key topics, best practices, and step-by-step instructions, making it easier than ever to get started.

Starter Projects — As part of this update, we have also upgraded our Blog starter to run on Next 13, and released a new Photography Website starter. Both serve as a starting point for your Next.js projects, with built-in compatibility for App Router.

The Blog starter in particular offers the Web Previews and SEO/Readability Analysis plugins already pre-installed and configured, as well as a fully functioning Draft Mode for editors, with real-time previews of draft content.

Updated react-datocms npm Package — The latest version of our popular React integration toolkit has been optimized to work seamlessly with Server Components, and introduces a new helper specifically designed for the new Metadata API.

By upgrading to the latest version, you can enjoy a smooth developer experience with Next 13+, while leveraging the usual powerful capabilities of DatoCMS in your projects.

Onwards!

We are committed to continuously improving our tools and resources to make your development process smoother, more efficient, and enjoyable. These updates are designed to provide you with maximum flexibility, allowing you to leverage the benefits of App Router seamlessly within your Next.js applications.

To explore the updated integration resources and get started with the new project starter template and react-datocms package, head over to our documentation website.