Issue #54 // Jun 28, 2024 // Open web version |
|
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”
⚡️ Sponsor
Enterprise Commerce – High performance, scalable Next.js eCommerce storefront, built with shadcn/ui and v0. Deployable with a single click
📙 Tutorials, Articles & OpinionHow 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
📦 Packages / Tools / Repos@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
🌈 RelatedUnderstanding 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
|