Best of Next.js — July 2025
- 1
- 2
Next.js·44w
Next.js 15.4
Next.js 15.4 brings Turbopack builds to 100% integration test compatibility, making it ready for production use and powering vercel.com. The release includes stability and performance improvements while previewing Next.js 16 features like unified cache components, optimized client-side routing, enhanced DevTools, stable Node.js middleware, and deployment adapters. Developers can experiment with upcoming features using the canary channel and experimental flags.
- 3
WebCraft·43w
Collection of UI components. Built for Next.js and React with Tailwind CSS and shadcn/ui
Kokonutui offers over 100 open-source UI components specifically designed for React and Next.js applications. The components are built using Tailwind CSS, shadcn/ui, and Motion, providing modern and visually appealing interface elements for web developers.
- 4
ByteGrad·43w
Next.js PPR Is A Game-Changer!
Partial Pre-Rendering (PPR) is a new Next.js feature that combines static and dynamic rendering on the same page. Instead of making entire pages dynamic when using cookies or headers, PPR allows static parts to be pre-rendered during build time while dynamic components are streamed in later using Suspense boundaries. This approach maintains optimal performance for static content while supporting user-specific features like authentication and personalization.
- 5
developedbyed·46w
You NEED to try ASCII ANIMATIONS
A comprehensive guide to creating ASCII animations from video files using a custom script that leverages ffmpeg for frame extraction and ImageMagick for pixel analysis. The tutorial covers converting MP4 videos into ASCII art frames, implementing a React animation manager for smooth playback, and applying visual effects like color overlays and blend modes. The approach provides more control than alternatives like After Effects filters or Three.js solutions while maintaining native performance.
- 6
Dreams of Code·43w
Dokploy is my absolute favorite way to deploy to a VPS in 2025
Dokploy is presented as a superior alternative to traditional VPS deployment methods like Docker Stack, offering features typically found in platforms like Vercel but with self-hosting capabilities. The platform provides automated deployments, preview/review apps for pull requests, application monitoring, automatic HTTPS, and an intuitive user interface. The tutorial demonstrates setting up Dokploy on a VPS, deploying a Next.js guestbook application with PostgreSQL, configuring domains and SSL certificates, and enabling preview deployments for code review workflows, particularly useful when working with AI-generated code changes.
- 7
NextJS·45w
Vs code Extension: Next.js Smart Routing Visualizer
A VS Code extension called Next.js Smart Routing Visualizer helps developers visualize their Next.js routing structure directly in the Explorer panel. It supports both pages/ and app/ directories, highlights dynamic segments, provides live updates through file system watchers, and features a clean UI with intuitive icons. The extension is designed to improve productivity in large codebases by making Next.js navigation clear and visual.
- 8
Learn Next.js 15 In 12 Minutes
A comprehensive walkthrough of Next.js 15 covering project setup, routing with the app router, server and client components, data fetching, server actions for mutations, middleware, static generation, and deployment using Coolify on a VPS. Demonstrates building a blog application from scratch with database integration using Prisma, form handling, and production optimization techniques.
- 9
Next.js Background Jobs / Cron Jobs / Queue / AI-Calls Are EASY Now! (Inngest)
Inngest provides a solution for handling background jobs, cron jobs, and long-running tasks in Next.js applications. The platform addresses the limitations of serverless functions when dealing with AI workloads or tasks that exceed typical request-response cycles. It offers event-driven workflows, step-based functions with checkpoints for retry logic, built-in queuing with prioritization, and specialized AI features including token tracking and agent toolkits. The service integrates seamlessly with Next.js through API routes and provides a dashboard for monitoring and managing workflows.
- 10
YouTube·44w
3 More Ways To ACTUALLY Build Beautiful Websites with Cursor IDE
Three advanced methods for building beautiful websites with Cursor IDE: using structured JSON prompts for comprehensive frontend planning, leveraging Browser MCP to clone existing site structures, and utilizing Stage Wise extension for precise UI element editing. Each method addresses common issues like AI hallucination and imprecise modifications by providing better context and control over the development process.
- 11
- 12
LogRocket·42w
Next.js 15.4 is here: What’s new and what to expect
Next.js 15.4 marks a significant milestone with Turbopack passing all 8,302 integration tests for production builds, making it production-ready. The release includes practical improvements like onInvalidate callback for router.prefetch(), global-not-found pages, debug-prerender flag, and various bug fixes. Performance optimizations include improved static path generation and React Compiler integration. The update sets the stage for Next.js 16, which will promote Turbopack to beta status and introduce unified caching with cacheComponents. Upgrading is straightforward using the automated CLI tool or manual dependency updates.
- 13
Build An AI-Video Generation App With Veo 3 + Next.js (Cursor, fal.ai)
A step-by-step tutorial demonstrating how to build an AI video generation web application using Google's Veo 3 model through fal.ai service and Next.js. The tutorial covers setting up the frontend with a prompt input and video display, implementing server actions for API calls, integrating with fal.ai's video generation API, and handling the expensive costs (around $6 per 8-second video with audio). The guide includes practical considerations about pricing, API key management, and basic UI implementation using Cursor AI for code generation.
- 14
Next.js + Postgres Dev / Prod (VPS Coolify, Prisma, Migrations)
A comprehensive guide showing how to set up a Next.js application with PostgreSQL database locally using Docker and Prisma ORM, then deploy it to production on a VPS using Coolify. Covers database migrations, environment variable configuration, and automated deployment workflows with GitHub integration.
