Best of Next.js — April 2023

1. 1
   Article

   Community Picks·3y

   Next.js Enterprise Project Structure

   This post discusses an opinionated project structure for Next.js enterprise applications. It focuses on managing code volume, state management, and flow control to prevent programmer purgatory. The post suggests using a 'src' directory, breaking down the directory further into logical pieces, and using TypeScript configuration paths.

   114

   6
2. 2
   Article

   Next.js·3y

   Next.js 13.3

   Next.js 13.3 adds popular community-requested features such as dynamic sitemap generation, OG image generation, static export support, and advanced routing features for the App Router.

   106

   1
3. 3
   Article

   freeCodeCamp·3y

   How to Build a Blog with the Ghost API and Next.js

   Ghost CMS is a popular content management system that many devs and companies use to host their blogs. Ghost CMS doesn't generate static builds, but Next.js does. For React developers, it is easy to build a new blog with Next (since Next is React-based), and you do not need to learn additional tools.

   85

   11
4. 4
   Article

   Community Picks·3y

   Storybook 7.0

   Storybook 7 is a major release that brings new features, improved UI design, and enhanced testing capabilities. It introduces first-class Vite support, zero-config support for NextJS and SvelteKit, Component Story Format 3 with improved type safety, and revamped TypeScript support. The UI design has been refreshed with expanded Canvas size, improved spacing, and automatic dark mode. The upgrade process is simplified, and there are numerous other improvements and bug fixes.

   73

   8
5. 5
   Article

   Community Picks·3y

   Next.js User Authentication and Authorization

   Learn how to implement secure user authentication and authorization in your Next.js app using NextAuth.js, a library that simplifies the process and provides various authentication providers and methods.

   61

   3
6. 6
   Article

   Medium·3y

   ChatGPT and Junior developer

   The author explains how they benefit from using ChatGPT as a junior developer, including its help with syntax errors, clone projects, CSS, mentorship, and time-saving.

   58

   4
7. 7
   Article

   Community Picks·3y

   How To Use MillionJs In a Next App.

   Millionjs is a lightweight virtual DOM that can improve the performance of React applications. It can be integrated into a Next.js app to reduce overhead and improve rendering and loading speeds.

   50

   3
8. 8
   Article

   Supabase·3y

   Infinite scroll with Next.js, Framer Motion, and Supabase

   Learn how to create an infinite scroll using NextJs, Supabase, and Framer Motion. Improve user experience by dynamically loading content as the user scrolls. Add animation to the loaded tickets using the Framer Motion library.

   48

   2