#31: Use PHP, Lego Architecture, Self-Hosting, AutoRefresh, Partial Prerendering

🎥 NextJS 14: You Missed The Best Part! – Somehow the main idea of Sam Selikoff's talk got buried in SQL injection memes. In this video, Jack recaps Sam's talk about "Lego architectures" and highlights why it can make building React apps better

🐦 Automatically detect and replay layout shifts – Lee demonstrates the new automatic layout shifts detection feature and how you can use it from inside the Vercel toolbar

New Docs: Self-Hosting Next.js – Self-hosting docs have received some new additions, including guides on setting up your own shared cache storage, handling version skew, and more

Handling Frontend Errors in Next.js – A brief guide on error handling in Next.js with the error.tsx and global-error.tsx file

Can Next.js Handle 5000 Pages? – An interesting read, describing the process of gathering and storing the data in order to generate 5000 static pages in Next.js

Refreshing the Next.js App Router When Your Markdown Content Changes – Learn how to build an AutoRefresh component which refreshes the page every time you make changes to certain files

‘use php’; – Use PHP code right within your React / Next.js App

SMRY – An open source Next.js app to bypass paywalls and summarize articles with AI

next-shared-cache – This is related to the self-hosting documentation improvements from above. This tool replaces the default Next.js cache and allows you to use a custom cache solution when hosting your app on a cloud provider other than Vercel

react-google-maps – React component and hooks library for Google Maps

Building a drawer component – Vaul is a beautiful iOS-like drawer component for the web. This post explains the implementation of its key features, including scrolling, multi-touch interactions, and animations

Why You Need React Query – In this writeup Dominik presents some convincing reasons countering the idea that you can only rely on useEffect and don’t need React Query for simple cases.

Docs: 'use server'; – The official React documentation now has a dedicated page for "use server”, describing how it should be used, caveats and security considerations

Building towards a new default rendering model for web applications – In addition to Server Actions, one of the major highlights at this year's Next.js Conf was Partial Prerendering (PPR). This article explains how PPR works under the hood and discusses its benefits compared to existing rendering strategies