Next.js Weekly #23: Put State in URL, Rails-like CLI for Nextjs, Optimizing Vercel Cold Starts, App Router FAQs

Issue #23 // Sep 14, 2023 // Open web version

🎥 STOP using useState, instead put state in URL – Using this approach brings many benefits and follows the “don’t break the web” mantra. Also, not using useState means we can keep our server components

// BYTEGRAD

App Router FAQs – The new Next.js documentation page clarifies some of the issues and hurdles that most developers encounter when using the App Router.

// LEE ROBINSON

Next.js, just why? – An open-source library maintainer shares their criticism of some of the inconsistent design decisions in the Next.js App Router

// PILCROW

📙 Tutorials, Articles & Opinion

Optimizing Next.js cold starts for Vercel – Super interesting deep dive into the topic of cold starts and tips and tricks to reduce them

// MORSE

🎥 Role-based Authentication in Next.js 13 using NextAuth – Another great video by Hamed. Learn how to use middlewares in Next.js to restrict access to certain pages based on a user’s role

// HAMED BAHRAM

How Suspense and Components Streaming works in Next.js – Insightful but also very technical post about Suspense, streaming and chunked encoding

// DENIS GONCHAR

📦 Packages / Tools / Repos

Novel – A Notion-style WYSIWYG editor for React apps with AI-powered autocompletions.

// STEVEN TEY

kirimase – Rails-like CLI for Nextjs. Quickly add an ORM like Drizzle, an auth package like Clerk or data libraries like tRPC to your project just by running a command

// NICO ALBANESE

next-admin – Flexible dashboard for apps built with Next.js and Prisma

// PREMIER OCTET

puck – Open source and self-hosted, drag and drop component editor for React

// CHRIS VILLA

🌈 Related

🎥 My thoughts on Bun – Everyone and their mother is currently talking about Bun. This video gives you a good overview of what it is, why it’s interesting and how it compares to Deno and Node.js

// LEE ROBINSON

I Reviewed 1,000s of Opinions on Serverless – Is serverless still the real deal, or was it just a passing trend? Dylan delved into numerous online conversations to see what developers think today

// DYLAN HUANG

How to Pass a Component as a Prop in React – Learn different ways to pass a component as a prop in React: passing JSX, using React.ComponentType, and using React.ElementType

// MATT POCOCK

React Server Actions become more widely supported – It's great to see how other frameworks are following in Next.js's footsteps and starting to implement RSCs

// TOBBE LUNDBERG