#54: Future of Next.js, @unkey/cache, Partial-Prerendering, Security Checklist, App Router Migrations

Migrating to Next.js App Router with zero downtime – If you’re looking for a way to migrate your apps to the App Router, this guide is for you. It covers a strategy for smoothly transitioning from the pages router, the challenges involved, and ways to improve the UX

𝕏 Here's where we're headed with caching in Next.js – Lee clarified some questions about the future of caching in Next.js and the strong focus on PPR (Partial-Prerendering). Tl;dr: ”Our goal is to make all async operations (like doing a fetch) opt into dynamic rendering”

Enterprise Commerce – High performance, scalable Next.js eCommerce storefront, built with shadcn/ui and v0. Deployable with a single click

How to Add a View Counter in Next.js 14 – A walkthrough on implementing a dynamic view counter on a mostly static blog page using the experimental PPR feature in Next.js

Communication Between Client Components in Next.js – Describing different strategies for communication between client components in Next.js

Path To A Clean(er) React Architecture: Business Logic Separation – Business logic can bloat React components and make them difficult to test. In this article, you’ll learn how extracting business logic to hooks in combination with dependency injection can improve maintainability and testability

Next.js security checklist – A writeup of 7 approaches you can use to improve the security of your Next.js apps

More:

• ► Deploy without breaking existing apps
• ► Why 95% of Modals should be Local (in React)

@unkey/cache – A flexible cache SDK for serverless applications. Comes with E2E-typesafety, encryption, metrics collection and more

next-safe-route – A utility library for Next.js that provides type-safety and schema validation for Route Handlers / API Routes

Server Actions Component Flow Diagram – A tool to generate Server Actions flow diagrams from a repository URL

Portfolio – A simple template to build a minimal personal site + dev blog. Built with Next.js 14, React, TailwindCSS, Shadcn UI and Magic UI

More:

• Next.js Boilerplate
• 𝕏 The stable version of Tailus UI React is here 🚀

Understanding React Compiler – Dives into the inner workings of the experimental React Compiler, explaining how it works, what it does, and whether you should use it

Mobx Memoizes Components (You don't need React Compiler) – If you’re using Mobx for state management, you don’t have to wait for the React Compiler to get auto-memoization—Mobx already provides it. I didn’t think I could love Mobx even more, but here we are

From Vercel to Monolith, improving API speeds – Describes how fileforge moved from Vercel to a traditional monolithic architecture and thereby improved API response times

Demystifying INP: New tools and actionable insights – A technical guide exploring real-world strategies used to improve INP (Interaction to Next Paint) on Vercel's websites

More:

• Node.js is Here to Stay
• State of JavaScript 2023