Best of Next.js — September 2025

  1. 1
    Article
    Avatar of ergq3auoeReinier·36w

    Build & Deploy Blockchain HealthCare DApp | Solidity Smart Contract + Next.js | Web3 Health DApp

    A comprehensive tutorial covering the development and deployment of a blockchain-based healthcare decentralized application (DApp). The guide demonstrates how to create smart contracts in Solidity for secure patient data management and build a frontend using Next.js, enabling healthcare providers to manage medical records and health services on the blockchain with enhanced security and transparency.

  2. 2
    Article
    Avatar of cahzuyp6zwv6zrfmcvl2irryyqn·36w

    Open Source Template for AI Support Chatbot

    A free, open-source AI chatbot template built with Next.js 15 that includes rate limiting, bot protection, and customizable UI. The template uses Google's Gemini models and can be deployed quickly for customer support, knowledge bases, or lead capture. It features security through Arcjet, flexible configuration options, and is designed for easy deployment on Vercel with MIT licensing.

  3. 3
    Article
    Avatar of phProduct Hunt·36w

    QuickDeploy: Deploy your web app to a VPS in minutes

    QuickDeploy is a new tool that enables developers to deploy web applications to Ubuntu VPS servers with a single command. It automatically detects frameworks like Next.js, builds optimized Docker images, and configures HTTPS with custom domains. The tool was created to solve deployment delays during hackathons and is targeted at indie developers and solo hackers who need fast deployment solutions without vendor lock-in.

  4. 4
    Video
    Avatar of wdsWeb Dev Simplified·37w

    NEW Next.js TypeScript Features

    Next.js introduces stable typed routes for automatic type safety across application routes, along with new route prop helpers that eliminate manual typing for layout and page props. The framework also deprecates the next lint command in favor of direct ESLint configuration files, giving developers more control over linting setup and the option to choose between ESLint, Biome, or no linter at all.

  5. 5
    Article
    Avatar of 0qilnorm9q8seosq1zwqpCodeious·35w

    The Hidden Cost of Next.js API Routes (My Experience)

    Next.js API routes can become expensive on Vercel as traffic grows because each request counts as a serverless function call. The author shares their experience hitting usage limits and unexpected charges, then explains their solution: caching GET APIs and moving heavy logic to a separate Node.js backend for better cost efficiency and scalability.

  6. 6
    Video
    Avatar of bytegradByteGrad·36w

    Dockerize Next.js App & Deploy To VPS In 2025

    A comprehensive guide showing how to containerize a Next.js application using Docker and deploy it to a VPS. Covers creating a Dockerfile with standalone output configuration, building and pushing Docker images to GitHub Container Registry, setting up a VPS with Docker pre-installed, and running the containerized application. Demonstrates that all Next.js features including server actions, route handlers, and image optimization work properly in the containerized environment.

  7. 7
    Article
    Avatar of ergq3auoeReinier·34w

    Next.js 15 AI Image Editor SaaS – Build a Full Stack App with Neon, Polar, Better Auth & ImageKit

    A comprehensive tutorial for building an AI-powered image editing SaaS application using Next.js 15, featuring user authentication, payment processing with credits system, AI image manipulation capabilities (background removal, upscaling, smart cropping), and complete project management. The stack includes Neon PostgreSQL database, Polar for payments, Better Auth for authentication, ImageKit for AI image processing, and Vercel deployment.

  8. 8
    Video
    Avatar of TechWithTimTech With Tim·36w

    MCP Protocol Tutorial: Build an MCP Server for Your App (Clerk, Next.js, Prisma)

    A comprehensive tutorial demonstrating how to build a full-stack bookmark manager application using Next.js, Clerk for authentication, and Prisma for database management, with a focus on creating an MCP (Model Context Protocol) server that allows AI tools like Cursor to interact with the application's data through proper OAuth authentication flows.

  9. 9
    Article
    Avatar of vercelVercel·37w

    Open SDK strategy

    Vercel announces their Open SDK strategy, committing to build frameworks, SDKs, and tools in the open under permissive licenses. The strategy emphasizes three principles: open by default, loose coupling with high cohesion, and innovation followed by generalization. This approach aims to avoid vendor lock-in while ensuring their tools work well on Vercel but remain portable to any platform. The strategy applies to their growing family of libraries including Next.js, AI SDK, Nuxt, Svelte, and feature flags.

  10. 10
    Article
    Avatar of notedNoted·34w

    rwMarkable: A Self-Hosted Space for Checklists and Notes

    rwMarkable is a self-hosted task and note management application built with Next.js 14. It offers drag-and-drop checklists, rich text editing with Markdown support, file-based storage without databases, user management, customizable themes, and REST API access. The app stores everything as Markdown and JSON files, making it easy to backup and migrate while keeping full control over your data.

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

    How To Handle Data Access Like a Senior Dev

    Demonstrates how to implement a proper data access layer (DAL) in Next.js applications to centralize database operations, user authentication checks, and error handling. Shows the evolution from naive direct database access in components to a sophisticated system that returns either success or error states, enabling flexible handling of different scenarios like API routes vs page rendering. Covers both basic and advanced DAL patterns with TypeScript for better type safety and maintainability.

  12. 12
    Video
    Avatar of bytegradByteGrad·35w

    Add AI To Next.js With AI SDK & AI Elements (Shadcn UI) - Tutorial

  13. 13
    Article
    Avatar of logrocketLogRocket·36w

    How Cursor Project Rules Can Improve Next.js App Development

    Cursor project rules can streamline Next.js development by automating coding conventions, ensuring consistent component structure, and accelerating developer onboarding through predefined patterns and automated code generation.

  14. 14
    Video
    Avatar of bytegradByteGrad·36w

    This React AI-Text Editor Is Amazing!

    A demonstration of integrating AI features into a React text editor using Froala. Shows how to implement AI-powered text completion, shortening, and rewriting by hooking into editor events and connecting to OpenAI's API. Covers the setup process, event handling, and user interface implementation for AI text manipulation features.

See all Next.js archives