Best of Next.js — October 2025

  1. 1
    Article
    Avatar of collectionsCollections·33w

    Introducing React 19.2: Key Features and Enhancements

    React 19.2 introduces several performance and developer experience improvements including the Activity component for state preservation, useEffectEvent hook for cleaner event handling, enhanced Chrome DevTools performance tracking, Partial Pre-rendering for optimized load times, and improved server-side rendering with batched Suspense boundaries. Additional updates include cacheSignal for SSR cleanup, React Native enhancements with Amazon Vega OS support, Next.js 16 defaulting to Turbopack, and NativeWind 5.0 adding Tailwind 4 support.

  2. 2
    Article
    Avatar of ergq3auoeReinier·31w

    Full Stack AI Automation SaaS | Next.js, React, Better Auth, Polar | Full Course 2025

    A comprehensive tutorial for building Nodebase, a workflow automation platform featuring a visual drag-and-drop canvas, multiple AI provider integrations (OpenAI, Claude, Gemini), trigger nodes for webhooks and third-party services, background job execution with Inngest, and a complete SaaS infrastructure including authentication with Better Auth, payment processing via Polar, error tracking with Sentry, and AI-powered code reviews using CodeRabbit. The stack includes Next.js 15, React Flow, Prisma ORM with Neon Postgres, TypeScript, and tRPC for type safety.

  3. 3
    Video
    Avatar of wdsWeb Dev Simplified·30w

    How To Use Shadcn’s NEW Field Component Like a Senior Dev

    A comprehensive guide to migrating from Shadcn's deprecated form component to the new field component. Covers integration with React Hook Form, creating reusable form components with proper TypeScript generics, handling various input types (text, textarea, select, checkbox, dynamic arrays), error validation with Zod schemas, and building abstraction layers to reduce boilerplate code. Demonstrates practical patterns for form state management, accessibility features, and component composition in Next.js applications.

  4. 4
    Article
    Avatar of collectionsCollections·31w

    Next.js 16 Beta and React Conf 2025: Major Updates and New Features

    Next.js 16 introduces Turbopack as the default bundler for 2-5x faster builds, stabilizes the React Compiler for automatic memoization, and adds explicit caching controls with 'use cache' directive. Breaking changes include asynchronous route parameters requiring await, middleware.ts transitioning to proxy.ts with Node.js-only runtime, and complete removal of AMP support. The release requires Node.js 20.9+, TypeScript 5.1+, and integrates React 19.2 features including View Transitions and useEffectEvent().

  5. 5
    Article
    Avatar of ergq3auoeReinier·31w

    Create a B2B AI SaaS with Next.js, React, Arcjet, Kinde, oRPC, Prisma, Tailwind (Part 1/2)

    A comprehensive tutorial for building a B2B SaaS application featuring team communication with organizations, channels, infinite scroll, billing, threads, reactions, and real-time functionality using Cloudflare Durable Objects. The application integrates AI capabilities including thread summarization and an AI composer for message assistance and grammar correction. Built using Next.js, React, Arcjet, Kinde, oRPC, Prisma, and Tailwind CSS.

  6. 6
    Video
    Avatar of javascriptmasteryJavaScript Mastery·29w

    Next.js 16 Full Course | Build and Deploy a Production-Ready Full Stack App

    Comprehensive tutorial covering Next.js 16 fundamentals and advanced features. Explores server and client components, file-based routing, data fetching strategies, API routes, caching mechanisms, and SEO optimization. Includes building a full-stack event booking application with MongoDB integration, image hosting via Cloudinary, analytics with PostHog, and deployment strategies. Demonstrates production-ready patterns including server actions, dynamic routing, error handling, and the new use cache directive.

  7. 7
    Video
    Avatar of youtubeYouTube·29w

    Every Frontend Architecture Pattern Explained in 23 Minutes

    A comprehensive overview of frontend architecture evolution, from static HTML pages through MVC, single-page applications, and backend-for-frontend patterns to modern approaches like server-side rendering, static site generation, modular monoliths, and microfrontends. Covers architectural trade-offs, performance considerations, scalability challenges, and when to apply each pattern. Includes discussion of React Server Components, clean architecture, hexagonal architecture, and practical guidance for demonstrating senior-level architectural thinking in technical interviews.

  8. 8
    Article
    Avatar of nextjsNextJS·30w

    The Next.js SEO Playbook

    A comprehensive guide to optimizing Next.js applications for search engines in 2025. Covers rendering strategies, performance optimization, and content structure techniques to balance speed and discoverability while managing dynamic data for better search rankings.

  9. 9
    Article
    Avatar of ergq3auoeReinier·29w

    Next.js 16 Full Course | Build and Deploy a Production-Ready Full Stack App

    A comprehensive video course covering Next.js 16, focusing on building full-stack applications with the framework's latest caching and performance features. The course includes a hands-on project where learners build and deploy a Dev Event Platform that allows users to browse, create, and manage events.

  10. 10
    Video
    Avatar of youtubeYouTube·32w

    Build and Deploy Full Stack AI Multi-Vendor E-Commerce App using Next js | PERN Stack Project 2025

    A comprehensive guide to building a multi-vendor e-commerce platform with Next.js, featuring three user roles (admin, seller, customer), premium subscriptions, payment integration via Stripe, and AI-powered product descriptions using Google Gemini. The tutorial covers authentication with Clerk, database management with Neon PostgreSQL and Prisma ORM, background job handling with Inngest, image storage with ImageKit, and deployment on Vercel. Includes complete implementation of product management, order processing, coupon systems, and seller dashboards.

  11. 11
    Video
    Avatar of wdsWeb Dev Simplified·29w

    Build an Advanced Realtime Chat Project with Supabase

    A comprehensive walkthrough of building a real-time chat application using Supabase and Next.js. Covers setting up GitHub authentication, creating database tables for chat rooms and messages, implementing public/private rooms with invite functionality, configuring row-level security, and building the UI with Shadcn components. Demonstrates practical integration of Supabase's real-time features, form handling with React Hook Form and Zod, TypeScript type generation from database schemas, and server actions for secure data operations.

  12. 12
    Article
    Avatar of lobstersLobsters·31w

    Thoughts on Remix 3

    Remix v3 represents a significant departure from React's complexity by ditching the React runtime entirely while keeping JSX. Instead of React's declarative state management, it uses imperative updates with `this.update()` and closure-captured variables. The framework doubles down on Web Platform APIs (Request, Response, FormData) for backend portability, replaces file-based routing with TypeScript-defined routes, and uses HTML as wire format between client and server. This shift reflects growing frustration with React Server Components, the React Compiler, and Next.js complexity, offering a simpler alternative that's easier for both developers and LLMs to understand.

  13. 13
    Video
    Avatar of bytegradByteGrad·31w

    Deploy Next.js 16 To VPS Like A Pro (Coolify, Cloudflare CDN & Tunnel)

    A comprehensive guide to deploying Next.js 16 applications to a VPS using Coolify for simplified deployment management. Covers setting up a production environment with Cloudflare CDN for performance optimization and Cloudflare Tunnel for enhanced security. Demonstrates the complete workflow from initial VPS setup through Hostinger, configuring automatic deployments via GitHub webhooks, adding custom domains, and implementing CDN caching with tunnel-based access control to seal off direct server access.

  14. 14
    Article
    Avatar of freecodecampfreeCodeCamp·32w

    How to Build a Custom AI Chat Application with Next.js: Fine-Tune GPT Using Your Data

    Learn to fine-tune GPT-4.1 models with custom data and build a production-ready chat application using Next.js 15. The guide covers scraping and preparing training datasets in JSONL format, submitting data to OpenAI for supervised fine-tuning, and creating a modern chat interface with real-time streaming responses using the Vercel AI SDK and shadcn/ui components. Includes complete code examples for data preparation scripts, API route integration, and frontend implementation with proper error handling and UX considerations.

See all Next.js archives