Best of Next.js — May 2023

1. 1
   Article

   DEV·3y

   Use Notion as a database for your Next.JS Blog

   Learn how to use Notion as a database for your Next.JS Blog. Create a Notion Database, get a Notion Token, set up the project, and create the Post Page. Render the content of a Notion page in a Next.JS Blog.

   378

   25
2. 2
   Article

   Community Picks·3y

   The Next.js App Directory and Server Components Explained

   Next.js 13 introduces several new features, including App Directory Routing, Server Components, and UI components. The routing in the /app directory is different from the /page directory, as it is folder-based rather than file-based. Layouts can be implemented using the new layout.tsx file in the /app directory. Server Components are non-interactive by nature and do not require client-side JavaScript. Client Components can be used to opt-out of server components and have access to client features.

   100

   4
3. 3
   Article

   Community Picks·3y

   How to structure scalable Next.js project architecture

   Learn how to structure and scale a Next.js project, including setting up folder structures, configuring linting and code formatting, and implementing pre-commit hooks.

   96

   8
4. 4
   Article

   Community Picks·3y

   React Server Components

   React Server Components aim to enable modern UX with a server-driven mental model and result in smaller client-side JavaScript bundles. They are not a replacement for SSR but complement it. Automatic code-splitting is introduced with Server Components. Next.js will experiment with Server Components. The goal is to enable meta-frameworks to improve.

   70

   2
5. 5
   Article

   Community Picks·3y

   BearStudio/start-ui-web: 🚀 Start UI [web] is an opinionated UI starter with 🟦 TypeScript, ⚛️ React, ⚫️ NextJS, ⚡️ Chakra UI, 🟦 tRPC, ▲ Prisma, 🏖️ TanStack Query, 📕 Storybook, 🎭 Playwright, 🐜 Formiz◽Fr

   Start UI [web] is a frontend starter repository created and maintained by the BearStudio Team. It includes TypeScript, React, NextJS, Chakra UI, and other libraries. The project provides documentation and a live demo. Local development setup and database instructions are also included.

   60

   3
6. 6
   Article

   Community Picks·3y

   unicodeveloper/awesome-nextjs: :notebook_with_decorative_cover: A curated list of awesome resources : books, videos, articles about using Next.js (A minimalistic framework for universal server-rendere

   This post is a curated list of resources, including books, videos, and articles, about using Next.js. It covers a wide range of topics and features related to Next.js such as instant site updates with on-demand revalidation and directus, dynamic CMS-driven redirects, using Next.js with FaunaDB, building a serverless Next.js blog with ButterCMS, and more.

   44

   2