Best of Next.js — February 2024

  1. 1
    Article
    Avatar of devtoDEV·2y

    Here is my coolest portfolio

    The post discusses the author's experience revamping their portfolio website using Tailwind CSS, GSAP, and Next.js. It highlights the importance of learning DSA in programming and emphasizes the significance of showcasing projects and work experience in a portfolio.

  2. 2
    Article
    Avatar of appwrite_sourceAppwrite·2y

    SSR vs CSR with Next.js

    This post explores the differences between server-side rendering (SSR) and client-side rendering (CSR) and how Appwrite Authentication can be used with both in Next.js.

  3. 3
    Article
    Avatar of builderiobuilder.io·2y

    Why React Server Components Are Breaking Builds to Win Tomorrow

    Explore how React Server Components (RSC) revolutionize web development by combining the strengths of server-side rendering and client-side rendering. RSCs offer benefits such as zero-bundle sizes, direct access to server-side resources, improved SEO, faster initial page load, and enhanced data fetching. By leveraging RSCs, developers can build cost-effective, high-performance React applications that deliver exceptional user experiences.

  4. 4
    Article
    Avatar of medium_jsMedium·2y

    Collection of Custom Hooks For Your Nextjs-React Project

    Learn about custom hooks in React and how they can streamline and enhance React development. Explore examples of useful custom hooks that can be leveraged in Next.js-React projects.

  5. 5
    Article
    Avatar of asayerasayer·2y

    Sending Emails from your React App

    Learn how to send emails from a React app using React-Email and Resend. The article explains the process of customizing email templates with React-Email and integrating Resend for targeted emails, personalization, and email tracking.

  6. 6
    Article
    Avatar of asayerasayer·2y

    How To: Authentication Middleware in Next.js

    This post discusses the challenges encountered with authentication in Next.js and how to address them using middleware. It covers topics such as establishing secure user sessions, enforcing access controls, implementing token-based authentication, and integrating role-based authentication.

  7. 7
    Video
    Avatar of communityCommunity Picks·2y

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

    Learn how to build a Twitter sidebar using Next.js, React, shadcn/ui, and Tailwind CSS. Customize the sidebar, make it responsive, and highlight the active link.

  8. 8
    Article
    Avatar of freecodecampfreeCodeCamp·2y

    How to Use the App Directory in Next.js

    Learn how to maximize the potential of the app directory in Next.js by exploring its features such as layout, routing, fonts usage, loading component, error component, not-found component, template component, and server component.

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

    Giving Up On Next.js | Theo Reacts

    The post discusses the author's experience with Next.js and the app router. They highlight the benefits and challenges of using app router, including features like nested layouts, loading states with suspense, and server-side data loading. The author also mentions potential drawbacks, such as the Dev server performance, hard-to-trace errors, and the complexity of the framework. They propose solutions using react query and server-side functions to handle data fetching on the client and server. Overall, the author expresses excitement for the new model and encourages readers to try it out.

  10. 10
    Video
    Avatar of communityCommunity Picks·2y

    Building a Memory Game in Next.js: A step by step guide

    Building a memory game in Next.js with step-by-step instructions. The game involves matching photos by clicking on squares. Randomization is used to shuffle the cards. When all matches are found, a congratulatory message is displayed.

  11. 11
    Article
    Avatar of communityCommunity Picks·2y

    Security layer for developers

    Next.js developers can easily add a security layer to their apps with just a few lines of code. The security layer provides features such as rate limiting, bot protection, and email verification. It can be tested locally and works with platforms like Vercel and Netlify.

  12. 12
    Video
    Avatar of communityCommunity Picks·2y

    Building a Snake Game in Next.js: A step by step guide

    Learn how to build a snake game in Next.js using React and Tailwind CSS. The game involves controlling a moving snake and eating food to grow longer, while avoiding walls and the snake's own tail. The tutorial provides step-by-step instructions and includes features such as generating random food, handling keyboard events, and detecting game over conditions.

  13. 13
    Video
    Avatar of communityCommunity Picks·2y

    Next.js AI Framework - Create your own SAAS Product

    Learn how to start using the open AI API with the CH GPT 4 and the image model doly 3 in the orcish AI framework. Clone the framework from GitHub and obtain the open AI API key.

  14. 14
    Article
    Avatar of asayerasayer·2y

    Achieve Better SEO Results for your Next.JS Site

    Learn how to achieve better SEO results for your Next.js site by using the Metadata API. The article discusses the capabilities and usage of the Metadata API, compares it to the Head component in Next.js, guides you on getting started with the Metadata API, and explains how to generate dynamic metadata and sitemaps.

See all Next.js archives