Best of Next.js — February 2026
- 1
- 2
DEV·13w
I Built a SaaS in 30 Days. Here’s Exactly What Happened.
A developer shares their 30-day journey building StackTrace, a log analysis SaaS that converts production logs into readable incident summaries. Starting from zero, they reached 312 signups, 41 paying users, and $1,287 MRR by focusing on solving one specific problem, shipping quickly with a boring tech stack (Next.js, Node.js, PostgreSQL), and iterating based on user feedback. Key lessons include charging from day one, avoiding premature complexity, building only what users request, and being transparent about both successes and failures like churn and pricing experiments.
- 3
Cloudflare·12w
How we rebuilt Next.js with AI in one week
Cloudflare engineers rebuilt Next.js from scratch on top of Vite in under a week using AI (Claude via OpenCode), producing an open-source drop-in replacement called vinext. It builds production apps up to 4.4x faster with Vite 8/Rolldown and produces client bundles 57% smaller than Next.js 16. vinext deploys directly to Cloudflare Workers with a single command, supports both App Router and Pages Router, includes ISR via KV, and covers 94% of the Next.js 16 API surface backed by 1,700+ Vitest tests and 380 Playwright E2E tests. A novel 'Traffic-aware Pre-Rendering' (TPR) feature uses Cloudflare zone analytics to pre-render only the pages that actually receive traffic, avoiding the linear build-time scaling problem of large Next.js sites. The project cost roughly $1,100 in Claude API tokens and raises broader questions about which software abstractions exist for human cognitive limits versus genuine architectural necessity.
- 4
SitePoint·12w
The Death of the 'Pure' Frontend Developer: Why Modern Frontend Is Becoming Full-Stack DevOps
The frontend developer role has quietly expanded to encompass full-stack and DevOps responsibilities driven by three architectural shifts: React Server Components enabling direct database queries in component files, edge functions pulling infrastructure logic into frontend repos, and infrastructure-as-config files like vercel.json and next.config.ts. Modern senior frontend job listings now require skills like ORM usage, CDN cache invalidation, CI/CD pipeline configuration, and edge middleware—responsibilities that previously belonged to backend or DevOps engineers. The article provides a two-axis decision framework (industry trajectory vs. career alignment) to evaluate which new responsibilities to embrace, learn strategically, delegate, or push back on. A 90-day upskilling plan covers Server Components and data fetching, edge functions and caching, and CI/CD and observability. It also offers concrete scripts for renegotiating titles, compensation, and role boundaries when scope creep crosses into exploitation.
- 5
InfoQ·13w
Shadcn Releases Visual Project Builder
Shadcn launched a visual project builder accessible via `npx shadcn create` that lets developers customize their entire project setup—including themes, component libraries, icon sets, and design systems—before writing any code. The tool supports Next.js, Vite, and TanStack Start frameworks, offers real-time design previews with options for Radix UI or Base UI foundations, and generates a custom command with all selected parameters. This design-first approach eliminates repetitive manual setup work and aligns with shadcn's philosophy of giving developers complete code ownership by copying components directly into projects rather than distributing them as npm packages.
- 6
ByteGrad·15w
Motia Tutorial - The Backend Framework Going Viral On GitHub (API, Background Jobs, Queue, AI-Agent)
Motia is a multi-language backend framework that simplifies building sophisticated backend applications through a step-based architecture. It provides out-of-the-box features including API endpoints, background jobs, workflows, real-time streaming (without manual WebSocket setup), observability with a built-in workbench UI, and state management. The framework uses a core primitive called 'steps' (API steps, event steps, and cron steps) that can be chained together to create workflows. Developers can build event-driven architectures where steps emit and subscribe to events, stream updates to clients in real-time, and get automatic tracing and logging. The tutorial demonstrates building a live polling application with vote processing workflows, showing how Motia handles API endpoints, multi-stage processing pipelines, and real-time updates to multiple clients simultaneously.
- 7
This Week In React·15w
This Week In React #267: ViewTransition, Skills, Bun, Next-Intl, Grab, Aria, Gatsby, R3f
Weekly React newsletter covering ecosystem updates including React 19 support in Gatsby, WebGPU support in React Three Fiber, and ahead-of-time compilation in Next Intl. React Native section highlights Worklets 0.8 with bundle mode and VisionCamera V5 multithreading improvements. Additional coverage includes State of JavaScript 2025 results showing React's growing usage but declining satisfaction, Temporal API implementation progress in JavaScriptCore, and Babel 7.29 as the final minor release before Babel 8 RC.
- 8
Vercel·14w
Vercel Flags is now in public beta
Vercel Flags is now in public beta, offering native feature flag management directly in the Vercel Dashboard. It includes targeting rules, user segments, and environment controls, with SDK support for Next.js and SvelteKit. The service also supports OpenFeature standard for integration with other frameworks and custom backends. Pricing is $30 per million flag requests, available to teams on all plans.
- 9
Collections·11wVercel Launches React Best Practices Skill with 40+ Performance Optimization Rules for AI Code Assistants
Vercel has open-sourced 'react-best-practices', a repository containing 40+ performance optimization rules for React and Next.js applications. Organized into eight categories, the rules cover async waterfall elimination, bundle size reduction, re-render optimization, and JavaScript micro-optimizations, each with before-and-after code examples. A key feature is an AGENTS.md file that packages all rules into a format queryable by AI coding tools like Claude Code, Cursor, Codex, and OpenCode via a single install command. The repo has gained over 21k GitHub stars and 150k weekly installs, though some community members raise concerns about supply chain security and whether codified rules effectively address AI agent failure modes.
- 10
We Ralph Wiggumed WebStreams to make them 10x faster
Vercel profiled Next.js server rendering and found that WHATWG WebStreams (ReadableStream, WritableStream, TransformStream) were a major bottleneck due to per-chunk Promise allocations, microtask queue hops, and object overhead. They built `fast-webstreams`, a drop-in replacement that routes operations through Node.js's optimized `pipeline()` internally. Key optimizations include: zero-Promise piping by deferring pipeline construction until the full chain is known, synchronous resolution when data is already buffered, and a minimal `LiteReadable` for byte streams. Benchmarks show 10-14x throughput gains for common patterns—630 MB/s native vs ~6,200 MB/s for pipeThrough chains, and 110 MB/s vs 1,600 MB/s for the React Flight byte stream pattern. The library passes 1,100 of 1,116 Web Platform Tests. The work is also being contributed upstream to Node.js via a PR from Matteo Collina that adds fast paths directly to Node's native WebStreams implementation.
- 11
iO tech_hub·14w
Next.js at Enterprise Level
Scaling Next.js to enterprise level requires moving beyond default configurations. Start with high-ROI wins like CDN implementation and vertical scaling, then progress to horizontal scaling with shared Redis caching to avoid cold cache problems across replicas. Implement API gateways for centralized authentication, use blob storage with signed URLs for file uploads, and adopt event-driven architecture for high-volume interactions. Optimize with HTTP/2 and gRPC for internal communication. Define SLAs/SLOs upfront, measure with monitoring and load testing, and iterate based on bottlenecks rather than adopting everything at once.
- 12
ElixirStatus·12w
Moving my website from NextJS to Phoenix
A developer migrated their personal website from Next.js to Phoenix/LiveView, driven by MDEx v0.11.0's support for Phoenix HEEX components in markdown. The journey covers using nimble_publisher with a custom MDEx parser, converting React MDX components to Phoenix equivalents, embedding real-time LiveView components in blog posts, clustering multiple Elixir apps on fly.io via Phoenix.PubSub for real-time analytics, replacing Cloudinary with Elixir's image library for banner generation, and building a command bar from scratch. AI coding agents (primarily Amp) were used heavily throughout, with a candid reflection on the trade-offs of AI-assisted development.
- 13
The Register·13w
React survey shows TanStack gains
The 2025 State of React survey reveals TanStack gaining popularity as an alternative to Next.js, with TanStack Query achieving 68% usage and 42% positive sentiment. Next.js faces criticism for complexity and Vercel vendor lock-in despite 80% usage. Developers show lukewarm response to React Server Components, questioning whether React belongs on the server. The React Compiler receives positive feedback (62% enthusiasm), and AI-assisted coding is reinforcing React's dominance as the default UI output.
- 14
Avijit Dey·12w
ShadCN Directory — Discover, Submit & Share the Best ShadCN UI Resources
An open-source directory site for the shadcn/ui ecosystem, built with Next.js App Router, Tailwind CSS, MongoDB, and NextAuth. Users sign in with Google, submit a URL, and OG metadata is auto-fetched before admin approval makes the resource live. The project features a minimal Swiss-style monochrome UI and is released under the MIT license.
- 15
Prismic·14w
Best Next.js Headless CMS Platforms in 2026
A comprehensive comparison of 10 headless CMS platforms for Next.js projects in 2026, including Prismic, Sanity, Payload, Contentful, and others. Each platform is evaluated on standout features, limitations, pricing, and ideal use cases. Prismic is highlighted for visual page building and developer tooling, Sanity for customization and real-time collaboration, and Payload for code-first control. The guide recommends testing 2-3 platforms in real projects to find the best fit based on specific requirements like developer experience, enterprise features, or Git-based workflows.
- 16
JavaScript Mastery·11w
Build and Deploy a Full Stack AI Voice Learning App
A comprehensive tutorial for building a full-stack AI voice learning app called 'Bookify' where users upload PDFs and have voice conversations with the content. The stack includes Next.js, MongoDB, Tailwind CSS, TypeScript, Clerk for auth/subscriptions, Vapi for real-time voice, and shadcn/ui for components. The tutorial covers project setup, navbar, authentication with Clerk, homepage UI, book upload form with React Hook Form and Zod validation, MongoDB database setup, and GitHub workflow with CodeRabbit for AI-powered PR reviews. The JetBrains AI agent Junie is used throughout to accelerate development. The app is designed to be monetized as a SaaS with subscription tiers.
- 17
Syncfusion·13w
Build a Query Builder in React 19 with Server Components and Server Actions
React 19's Server Components and Server Actions enable building dynamic query builders with server-side filtering logic, reducing client bundle size and complexity. The tutorial demonstrates integrating Syncfusion Query Builder with Next.js App Router to create a product filtering system where users build complex AND/OR queries visually, predicates are serialized and sent to server actions for evaluation, and results render in a table—all while keeping heavy logic off the client.
