Best of Next.js — 2025

  1. 1
    Article
    Avatar of acxspb6hjyagkgcv84rvgAmir·25w

    Is Frontend Dead? The Evolution You Can't Ignore

    Frontend development has evolved from simple UI work into full-system engineering. Modern frameworks like Next.js blur client-server boundaries with server components, edge deployment, and integrated data fetching. Developers now handle state management, security, performance optimization, and deployment—responsibilities traditionally split between frontend and backend roles. The shift demands understanding the complete user experience stack, from rendering strategies to authentication flows. This evolution creates opportunities for those who adapt by either broadening their skills across the full stack or specializing deeply in performance and user experience.

  2. 2
    Article
    Avatar of communityCommunity Picks·1y

    Why Companies Are Saying Goodbye to Next.js 🚪💨

    Developers and companies are increasingly moving away from Next.js due to issues like performance bottlenecks, overengineering, and vendor lock-in with Vercel. While Next.js offers benefits such as fast performance and SEO-friendly architecture, its complexities and limitations have made alternatives like Astro, Remix, and Qwik more appealing. For simpler, faster solutions, some developers are resorting to using React with Vite instead.

  3. 3
    Article
    Avatar of webdevWebDev·38w

    Static is boring — animate your icons 🎯

    AnimateIcons is a React library that transforms static SVG icons into smooth animations. It offers 45+ animated icons, works with React and Next.js, supports hover and programmatic control, and integrates with ShadCN CLI. The library aims to enhance user interfaces by adding purposeful motion to icons.

  4. 4
    Article
    Avatar of allfrontendAll Frontend·41w

    Dev Tools: The Ultimate All-in-One Toolkit for Developers

    Dev Tools is a privacy-first, all-in-one developer toolkit featuring 21 essential utilities that work entirely client-side. Built with Next.js 15, TypeScript, and modern web technologies, it includes text processing tools, encoding converters, development utilities, and generators. The platform processes all data locally in the browser without backend servers or data collection, making it ideal for privacy-conscious developers who need quick access to common development tasks.

  5. 5
    Article
    Avatar of devsquadDev Squad·51w

    Building a Modern Portfolio

    A showcase of a modern developer portfolio built with Next.js 15.3, featuring cinematic animations powered by Framer Motion, glass morphism effects, and comprehensive sections including projects, experience, and testimonials. The portfolio demonstrates technical excellence with TypeScript, PostHog analytics integration, EmailJS contact functionality, and mobile-first responsive design with both dark and light themes.

  6. 6
    Article
    Avatar of collectionsCollections·24w

    Critical Vulnerability in React Server Components: Immediate Action Required

    React2Shell (CVE-2025-55182) is a critical remote code execution vulnerability with a CVSS score of 10.0, affecting React 19.0-19.2.0 and Next.js 15.x-16.x. The flaw stems from unsafe deserialization in React's Flight protocol, allowing unauthenticated attackers to execute arbitrary code through crafted HTTP requests. State-sponsored groups and cybercriminals are actively exploiting it to deploy cryptocurrency miners and backdoors. Organizations must upgrade to patched versions (React 19.0.1+, Next.js 15.0.5+) immediately, as the vulnerability impacts 39% of cloud environments and 6% of all websites. WAF rules and endpoint restrictions provide temporary mitigation.

  7. 7
    Article
    Avatar of communityCommunity Picks·1y

    Introducing the Supabase UI Library

    Supabase has released an official UI Library consisting of ready-to-use components built on shadcn/ui, compatible with various React frameworks. The library includes components for password-based authentication, file uploads, real-time cursor sharing, user avatars, and chat functionalities. These components are fully customizable with Tailwind CSS and designed to simplify the integration of complex features in your projects. Additionally, Supabase provides AI code editor rules to enhance development with Supabase and Postgres.

  8. 8
    Video
    Avatar of huxnwebdevHuXn WebDev·1y

    THE BIGGEST NEXT.JS COURSE ON THE INTERNET ( PART 1 )

    This post introduces the largest Next.js course available online, detailing the comprehensive curriculum which includes Next.js, Prisma, Drizzle, AJ, Clerk, Motion, GraphQL, Stripe, TRPC, testing frameworks, and design systems. The course aims to make participants proficient in Next.js by building over 50 projects and completing 100 challenges with 98% of the code written in TypeScript. Additionally, prerequisites include familiarity with React.js.

  9. 9
    Article
    Avatar of lonely_programmerLonely Programmer·42w

    PHP was created as a dead language

  10. 10
    Article
    Avatar of logrocketLogRocket·1y

    Building an AI agent for your frontend project

    AI is becoming increasingly important across multiple domains, providing substantial advantages. This tutorial guides you through building an AI agent from scratch, using BaseAI and Langbase, to create a webpage FAQ generator. The tutorial covers the entire process from setup to deployment, including building AI agents with memory using RAG technology and integrating AI agents into a Next.js frontend app.

  11. 11
    Article
    Avatar of telerikTelerik·50w

    React Design Patterns and Best Practices for 2025

    Comprehensive guide covering modern React development patterns for 2025, including function components, custom hooks, Context API, TypeScript integration, and React 19 features like useOptimistic and Server Components. Explores ecosystem tools like Next.js, Remix, Vite, and Tailwind CSS, plus enterprise UI solutions like KendoReact for building scalable, maintainable applications.

  12. 12
    Article
    Avatar of nextNext.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.

  13. 13
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    How to Build an Analytical Dashboard with Next.js

    The post provides a comprehensive guide to building an analytical dashboard using Next.js, Flexmonster, and Highcharts. It includes step-by-step instructions on configuring these tools, creating charts, and setting up a functional user interface. Additionally, it explores real-world survey data on passenger flying etiquette to demonstrate the dashboard's capabilities.

  14. 14
    Video
    Avatar of bytegradByteGrad·1y

    Next.js 15 Authentication COMPLETE Guide (+ Best Practices, Pitfalls)

    This post provides a comprehensive guide on implementing authentication in Next.js 15, emphasizing server-side security, proper use of cookies and tokens, and the importance of roles and permissions. It highlights best practices and pitfalls to avoid when using server components and middleware to protect routes and actions. Additionally, it underscores the benefits of using third-party services for authentication to avoid errors and save development time.

  15. 15
    Video
    Avatar of huxnwebdevHuXn WebDev·1y

    Next.js 15 Animations Masterclass: The Real Power Of Motion.dev

    Motion.dev is an advanced animation library for modern web projects using JavaScript, React, or Vue. It simplifies the creation of complex animations, providing extensive control over transformations and transitions. Installation is easy through npm, and it integrates seamlessly with frameworks like React and Next.js. Key components include the motion object, which leverages initial, animate, and exit props to manage animations effectively.

  16. 16
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    How to Optimize Next.js Web Apps for Better Performance

    Learn key techniques to optimize the performance of Next.js web applications, including using the Next.js Image and Script components, removing unused dependencies, caching, Incremental Static Regeneration (ISR), font optimization, lazy loading, and code splitting. These strategies enhance user experience by improving speed, reducing load times, and ensuring efficient resource use.

  17. 17
    Article
    Avatar of iotechhubiO tech_hub·26w

    ChatGPT as My Coding Mentor: How I Learned React and Next.js as a Junior Developer

    A junior developer shares their experience using ChatGPT to learn React and Next.js from scratch. The key breakthrough came from learning to prompt effectively by asking for explanations 'like I'm 5' and providing context about experience level. The developer progressed from not understanding basic hooks like useState to confidently building full-stack Next.js applications in two months by having focused conversations, requesting simple analogies first, and building knowledge progressively rather than asking generic questions.

  18. 18
    Article
    Avatar of hnHacker News·50w

    kanbn/kan: The open source Trello alternative.

    Kan is an open-source project management tool that serves as a Trello alternative, featuring board visibility controls, workspace collaboration, Trello import functionality, labels and filters, comments, and activity logging. Built with Next.js, tRPC, Better Auth, Tailwind CSS, Drizzle ORM, and React Email, it offers local development setup and welcomes community contributions under the AGPLv3 license.

  19. 19
    Video
    Avatar of asaprogrammerAs a Programmer·1y

    Build Your Own AI Fitness Trainer for Free - Full Next.js Project

    The post provides a comprehensive guide on building an advanced AI fitness assistant using Next.js. The AI assistant interacts with users, gathers their fitness information, and generates personalized workout and diet plans. The project incorporates several technologies, including React, Clerk for authentication, Convex for the database, and Gemini for the language model. The application features a landing page, a user profile page, and program generation functionality, all while ensuring robust authentication and real-time capabilities.

  20. 20
    Article
    Avatar of freecodecampfreeCodeCamp·1y

    How to Build a Social Learning Platform using Next.js, Stream, and Supabase

    Learn how to build a social learning platform connecting students with professionals using Next.js, Stream SDKs for video calls and chat, and Supabase for backend services. The platform allows students to view posts, follow instructors, and join video sessions, while instructors can schedule meetings, share posts, and create community channels. This comprehensive guide covers setting up authentication, creating user roles, adding video conferencing, and integrating group chat functionalities.

  21. 21
    Article
    Avatar of frontend_developerFrontend developer·1y

    for next.js developer

    TWBlocks offers a collection of website blocks that can be easily copied and pasted into your Next.js projects, helping to speed up development work.

  22. 22
    Article
    Avatar of nextNext.js·21w

    Next.js 16.1

    Next.js 16.1 brings Turbopack file system caching to development mode by default, delivering up to 14× faster compile times when restarting the dev server. The release includes an experimental bundle analyzer for optimizing production bundles, simplified debugging with `next dev --inspect`, and improved handling of transitive external dependencies. Additional improvements include 20MB smaller installs, a new `next upgrade` command, and better async import bundling in Turbopack.

  23. 23
    Article
    Avatar of devtoolsDev Tools·38w

    Static is boring — animate your icons 🎯

    AnimateIcons is a React library that transforms static SVG icons into smooth animations. It offers 45+ animated icons, works with React and Next.js, supports hover and programmatic control, and integrates with ShadCN CLI. The library aims to enhance user interfaces by adding purposeful motion to icons.

  24. 24
    Video
    Avatar of asaprogrammerAs a Programmer·1y

    Next.js Tutorial 2025 - Build a Full Stack Social App with React & Next.js

    Learn to build a full stack social media application using React and Next.js. This detailed guide covers implementing core features like user authentication with Clerk, post creation, comments, likes, and notifications. The project also includes updating profiles, enabling dark mode, and ensuring a responsive UI design with Tailwind CSS. You will also integrate a PostgreSQL database using Prisma ORM and Neon, demonstrating key functionalities step-by-step.

  25. 25
    Article
    Avatar of tigerabrodiTiger's Place·1y

    Making Next.js Apps Faster: A Practical Performance Guide Beyond Next.js

    This post provides a comprehensive guide on optimizing the performance of Next.js applications. It covers the fundamentals of web performance, such as understanding client and server bundles, JavaScript execution in the browser, and techniques for identifying performance issues using tools like PageSpeed Insights and Chrome DevTools. The post offers practical strategies to make your app faster, including the use of server components, code splitting, dynamic imports, handling large dependencies, and prefetching/preloading techniques. The aim is to equip developers with the knowledge to significantly improve both perceived and actual performance of their Next.js apps.

See all Next.js archives