Next.js is now recommending the use of App Router by default together with the use of Server Component. Are you ready to embrace the change?

Priyankar Pal

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

Next.js 13 introduces several new features, including App Directory Routing, Server Components, and UI components. The routing in the /app directory is different from the /page directory, as it is folder-based rather than file-based. Layouts can be implemented using the new layout.tsx file in the /app directory. Server Components are non-interactive by nature and do not require client-side JavaScript. Client Components can be used to opt-out of server components and have access to client features.

The Next.js App Directory and Server Components Explained

Permalink When to use Server / Client Component

<p>There’s no need for a “server-only” package as mentioned In the bonus section, nextjs now provide “server action” that can be used in client/server component/file with “use server”</p>


<p>One article that actually does what its title says. I have the feeling that is not that common nowadays. Very concise and to the point. Thank you, <a href="https://app.daily.dev/shen212" data-mention-id="Xase2m39wh86DxJ46FQGm" data-mention-username="shen212">@shen212</a></p>
