We’re excited to announce the release of Content SDK v1.2, which introduces full support for Next.js App Router, the new standard for building scalable, high-performance applications.
This update aligns the SDK with the evolving Next.js framework, enabling developers to build composable apps using server components, streaming, and intuitive data-fetching patterns. It’s a foundational shift that improves performance, scalability, and developer productivity and layers the foundation for future developments and enhancements speaking of PPR (or Cache Components) Tag based cache invalidation and much more. Stay tuned what else will come over the next weeks.
We release App Router initially Beta, as we might need to change / optimize or adapt the solution, but it is fully supported and would love for you to try it out, explore the new capabilities, and share your feedback as we work toward the official release, which follows soon!
What’s New
App Router Integration
Content SDK now fully supports App Router features such as layout nesting, dynamic segments, and server-first rendering, bringing the SDK in line with the latest Next.js architecture.Server Components & Streaming
Developers can now build with server components by default, reducing client-side bundle sizes and improving SEO. Streaming support enables faster time-to-interactive and unlocks hyper fast personalization scenarios.
Nice to know: This setup also enables optional use of Partial Pre-rendering (PPR), allowing static and dynamic content to be delivered together for enhanced performance.Intuitive Data Fetching
With App Router and server components, developers can fetch data directly in component logic using GraphQL from XM Cloud’s Layout Service, eliminating the need for client-side hydration or manual orchestration.
Starter Kit Updates
To support this release, we’ve updated the xmcloud-starter-js repository:
(Right now in the release branch, but soon in main and ready to be used - https://github.com/Sitecore/xmcloud-starter-js/tree/release/CSDK-1.2.0)
New App Router Starter
Thexmcloud.startersolution now includes a clean App Router-based starter, giving developers a minimal, scalable foundation to build from side by side with the clean Pages Router examples to allow full flexibility of choice.Skatepark Demo Migration
Skatepark: Our all beloved Skatepark demo is updated to use App Router. You can learn from this very simple example how to transition your Pages Router project to App Router having a look at how we did it with our own example site.
Why It Matters
Next.js is evolving, and App Router is its new standard. By adopting it, we reduce the amount of code that runs in the browser, improving speed, SEO, and maintainability. It also simplifies how developers build features by introducing more intuitive patterns for routing, data fetching, and server-side logic.
This release ensures the Content SDK stays aligned with the Next.js roadmap while delivering a better experience for both developers and end users.