Best of Next.js — March 2024

  1. 1
    Article
    Avatar of devtoDEV·2y

    Build an awesome developer portfolio website.

    Learn how to build an awesome developer portfolio website using Next, Tailwind CSS, and EmailJS. Step-by-step guide on setup process and GitHub link.

  2. 2
    Article
    Avatar of communityCommunity Picks·2y

    Breaking Down Next.js 14

    Next.js 14 introduces new features such as server components, dynamic image generation, improved data fetching, caching strategies, and metadata management. It offers enhanced routing, error handling, page layouts, and middleware options. It aims to optimize web development, provide better performance, and set new standards for React developers.

  3. 3
    Video
    Avatar of communityCommunity Picks·2y

    🚀 Building a Full-Stack CRUD App with Next.js, Prisma, tRPC, Shadcn and Tailwind! 🚀

    Learn how to build a full-stack CRUD app using Next.js, Prisma, tRPC, Shadcn, and Tailwind, with the ability to create, update, and delete spell books and spells.

  4. 4
    Article
    Avatar of communityCommunity Picks·2y

    Re-evaluating Next.js: Did it go the wrong path?

    Re-evaluating Next.js and its suitability for interactive applications.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Set Up React Testing Library With Next.js – A Step-by-Step Guide

    Learn how to set up React Testing Library with Next.js and understand the importance of testing in React development. Explore the features and benefits of React Testing Library and how it simplifies the testing process. Includes a step-by-step guide and an example of testing a board in a 2048 game.

  6. 6
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Build a Full-Stack Kanban Task Management App With TypeScript, Next.js, Redux-toolkit, and Firebase

    Learn how to build a full-stack Kanban task management app using TypeScript, Next.js, Redux Toolkit, and Firebase. The tutorial covers implementing authentication with next-auth.js, configuring the Redux store, creating the app markup, integrating Firebase Firestore, adding initial data to the Firestore database, fetching and populating data, and implementing CRUD operations.

  7. 7
    Video
    Avatar of communityCommunity Picks·2y

    Build A Responsive Sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS

    Learn how to build a responsive sidebar using Next.js 14, React, shadcn/ui, and Tailwind CSS. The post covers the usage of the sheet and drawer components, toggling between desktop and mobile view, and styling the sidebar content.

  8. 8
    Article
    Avatar of logrocketLogRocket·2y

    Exploring advanced Next.js routing conventions

    Explore advanced Next.js routing conventions, including parallel and intersecting routes. Learn how to render multiple pages in the same view, organize contents using named slots, and achieve independent streaming and sub-navigation.

  9. 9
    Article
    Avatar of asayerasayer·2y

    Using Webhooks in Next.js

    This post provides an explanation of webhooks and how to implement them in Next.js. It also guides readers through setting up Braintree Sandbox for testing payment systems. The post covers making payments, transfers, and refunds using Next.js and the Braintree payment gateway.

  10. 10
    Video
    Avatar of t3dotggTheo - t3․gg·2y

    I Can't Believe Tanner Made A Framework (Next.js Killer??)

    A new React framework, built around the Tan Stack Router by Tanner Lindley, is introduced. It competes with Next.js and Remix and offers exciting features like server components. The framework is focused on server-side rendering (SSR) and provides a more minimal approach. It also supports deferred loading of data, making it more performant.

  11. 11
    Video
    Avatar of communityCommunity Picks·2y

    Learn NextJS's Superpower ISR in 15 Minutes

    Learn how to use incremental static regeneration (ISR) in NextJS to turn dynamic routes into statically pre-rendered routes, resulting in faster websites and better user experience.

  12. 12
    Article
    Avatar of vercelVercel·2y

    Next.js AI Chatbot 2.0 – Vercel

    The Next.js AI Chatbot template has been updated to use AI SDK 3.0 with React Server Components. Generative UI examples have been included, and the authentication setup has been simplified.

  13. 13
    Article
    Avatar of communityCommunity Picks·2y

    How Next.js breaks React Fundamentals (Examples)

    This post discusses how Next.js breaks React fundamentals and provides examples of the DX (Developer Experience) issues in the current Next.js API. It argues for a better approach to framework API design that prioritizes DX while still providing good performance.

See all Next.js archives