Next.js 12 introduces a brand-new Rust compiler, Middleware (beta), React 18 Support, Native ESM Support, URL Imports, React Server Components (alpha), and more!

Images are a common source of performance bottlenecks for web applications and a key focus area for optimization. This article explains how the Aurora team at Google designed a powerful image component in Next.js that is built-in with a number of optimizations…

Non-opinionated TypeScript starter for Next.js. All the tools you need to build your next project ⚡️ - jpedroschmitz/typescript-nextjs-starter

You won’t believe how cool this framework actually is

Integrate Socket.io into Next.js to start a WebSocket connection and share information between the client and server in real time.

Since the release of NextJS v9.3, we’ve been given three different rendering options for our React apps.

Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components.

Stripe is open-sourcing Markdoc, the Markdown-based authoring system that powers the Stripe documentation website. Learn how to get started with it!

Use Framer Motion to animate route changes in your Next.js project.

This tutorial explains how to use Next.js and Vercel to build an app with shared live features provided by Ably.

Next.js is a popular framework for building server-side rendered React applications, but like any web application, it's crucial to take security seriously.

Add TONS of features to the Next.js image component with this NEW package.

The Next Cloudinary package allows you to add all of the power of Cloudinary transformations (overlays, auto formatting, background removal, and so much more!) to the Next.js image…

If you've worked with Next.js, it's likely that you've come across Next Image component. This...

Learn how to use the Next.js App Router more effectively and understand the new model.

We rebuilt the Flightcontrol dashboard with Next.js App Router and this post shares the good and bad experiences from it.

Both Next.js and Remix are highly sought-after frameworks for constructing contemporary web applications using React, yet they diverge in their methodologies and principles. This article aims to assist developers in selecting the optimal framework by comparing…

How to use Forms in Next.js with React Server Components (RSC), Server Actions in Next's App Router by using useFormState and useFormStatus. Learn about form validation, form reset, form feedback (field errors and toast messages) while using progressive enhancement…

I wrote a blog post the other day about how Next.js Middleware can be useful for working around some of the restrictions imposed by server components. This led to some fun discussions in the world about whether this was a reasonable approach or if Next.js…

Demystify Next.js rendering strategies: SSG, SSR, CSR, ISR, and PPR. Optimize your web apps for performance, SEO, and user experience. Learn when and how to use each approach with real-world examples and practical tips for modern web development.