#7: RSC Summary, Taking App Router to Production, Server Actions Explained, …

React Server Components, Next.js App Router and examples – Addy dives into the React community's recent exchanges on Server Components, the Next.js App Router, and the future of rendering approaches, delivering a condensed summary and great example recommendations.

5 Lessons Learned From Taking Next.js App Router to Production – Inngest recently rewrote their dashboard using Next.js 13.4 and the newly stable App Router. Gain valuable insights from their experience of using cutting-edge features such as Nested Layouts, Server Components, and Streaming in a production environment

How to Structure Your Next.js App With the New App Router – Learn how to organize your Next.js project using a feature-driven structure with the new App Router, allowing for greater flexibility and efficiency in development.

🎥 Next.js Server Actions... 5 awesome things you can do – A full tutorial and breakdown of the new Next.js Server Actions feature. Learn how to handle form submissions and implement optimistic updates without the need to API routes.

Why I’m excited about Server Actions – Andrew sharing his thoughts about Server Actions and how they are improving the developer experience when working with forms

Using Apollo Client with Next.js 13 – If you’re using Apollo in your Next.js apps then I have good news for you. They just released a new (experimental) library to make usage under the new App Router easier. This article explains how to use the new library in your Client and Server Components

Reduce Docker Image size for your Next.js App – Want to deploy your Next.js app inside a Docker container? Read this article to learn how to optimize your Docker image by using multi-stage builds, removing duplicate layers and a Next.js feature called Output File Tracing

next-payload – Payload is a free and open-source headless CMS. This library allows you to deploy Payload serverlessly within a Next.js app on Vercel

next-contentlayer – Great template to build your next Next.js 13 website using all the latest features such as App Router, Metadata API and ImageResponse plus integration of Contentlayer, Tailwind CSS and dark mode.

zact – Server Actions are still in Alpha, so I wouldn’t recommend using them in production but if you want to live dangerously you can now do that with validation and type-safety.

🎥 You Don't Know Vercel Infrastructure – Super informative video in which Theo explains what Edge Functions are and what problem they are solving.

React Server Components – An overview of React Server Components, their potential to improve performance in React applications, and their integration with existing frameworks like Next.js

Virtual DOM: Back in Block – We covered Million.js in one of our last newsletter issues. This interactive article dives into how the library works, what the benefits are and when it makes sense to use it.

🐦 Server Actions Visualized – Fantastic visualization that makes it easier to grasp how Server Actions work and how to use them