The release of Next.js app router marked a new milestone for web applications. It brought life and usage to React server components and solved many existing issues for SRR & SSG applications. However, there is a downside to it, as the entire market now needs to adapt, which will take some time.  In this article, we will explore how to use StoryBlok and Next.js app router. A similar article exists on the official source, but we will go a step further, giving you the ability to use live preview and server components at the same time.

Oleg Proskurin

Vercel

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

The release of Next.js app router marked a new milestone for web applications, bringing life and usage to React server components. This article explores how to use Storyblok with Next.js app router, including live preview and server components.

Storyblok with Next.js app router guide

<p>See more hCMS related articles in our friendly squad <a href="https://app.daily.dev/squads/headless" target="_blank" rel="noopener nofollow">https://app.daily.dev/squads/headless</a></p>


<p>Is this better than just doing a static export with pages router? Wouldn’t SSG be faster here than Server Components? Also, no need of a node server with SSG.</p>
