Best of Next.js — May 2024

  1. 1
    Article
    Avatar of devtoDEV·2y

    I built a free, open-source project manager that helps teams keep costs under $15/month.

    A developer built an open-source project manager with low operational costs, leveraging free platforms and offering essential features for small teams.

  2. 2
    Article
    Avatar of nextNext.js·2y

    Next.js 15 RC

    Next.js 15 RC is now available, allowing you to test the latest features before the stable release. It includes support for React 19 RC, caching updates, incremental adoption of Partial Prerendering, executing code after a response, create-next-app updates, and optimizing bundling of external packages.

  3. 3
    Article
    Avatar of communityCommunity Picks·2y

    How to Start & Setup a React project in 2024 (7 Different Ways Based on Use Cases)

    Learn about different ways to set up a React project in 2024, including React with Vite, Create React App, Next.js, Remix, Astro, Gatsby, and Docusaurus.

  4. 4
    Article
    Avatar of devtoDEV·2y

    It’s not just you, Next.js is getting harder to use

    Next.js' App Router has two major problems that make it difficult to adopt. The Pages Router was simpler and had file-based routing. The App Router introduced new features but also increased complexity. It's challenging to avoid complexity as frameworks grow. Just because something is recommended, doesn't mean it's right for you.

  5. 5
    Article
    Avatar of communityCommunity Picks·2y

    Answers to Common Next.js Questions

    Next.js is a high performance framework that provides a FAQ with common questions about Next.js and its Server Components.

  6. 6
    Article
    Avatar of communityCommunity Picks·2y

    Build a Smooth Scroll Cards Parallax with Framer Motion and Next.js

    Learn how to build a smooth scroll cards parallax animation using Framer Motion and Next.js. Initialize the project, render the sticky cards, create a card component, add on scroll image scaling, create cards parallax, and add smooth scrolling.

  7. 7
    Article
    Avatar of communityCommunity Picks·2y

    Next.js View Transitions

    Learn how to use the View Transitions API in Next.js App Router and the next-view-transitions package to enhance your app's routing.

  8. 8
    Article
    Avatar of communityCommunity Picks·2y

    Server Action with TanStack Query in Next.JS Explained

    Learn how to use Server Actions with TanStack Query in Next.JS to fetch and mutate data in your application.

  9. 9
    Article
    Avatar of communityCommunity Picks·2y

    AI-Powered Frontend UI Components Generator (Next.js, GPT4, Langchain, & CopilotKit)

    Learn how to build an AI-powered frontend UI components generator using Next.js and Tailwind CSS. Integrate CopilotKit to add AI functionalities and generate UI components with an implementation tutorial.

  10. 10
    Article
    Avatar of communityCommunity Picks·2y

    Next.js vs React

    Next.js extends React's capabilities with built-in features for server-side rendering, routing, and static site generation, making it an excellent choice for projects that require enhanced performance, SEO, and developer productivity.

  11. 11
    Article
    Avatar of communityCommunity Picks·2y

    Next JS Boilerplate: Kickstart Your Next.js and React app

    Discover the powerful features of Next.js Boilerplate that can accelerate your project launch.

  12. 12
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    Code a Full Stack Fiverr Clone

    Learn how to build a Fiverr clone using cutting-edge technologies like NextJS, React, and Convex. Master full stack development by following this comprehensive course.

See all Next.js archives