This is a version of the Server-Components Demo-Application (build and released by the React Core-Team in December 2020) rebuild with Next.js 13.

The API for this project was implemented with JSON-server and can be found here.

A hosted version of this project, can be found here.

Features

• Full CRUD (simple Note-taking app)
• Next.js 13 app-directory
• React 18 server-components
• Nested layouts
• Intermixing client- & server-components
• Data-fetching inside server-components
• Calling mutations inside Client-components and refreshing (server-side) router state
• Definition of per-segment error boundaries & error handling
• Definition of loading states per route-segment
• Styling via global stylesheet

Getting Started

First, run the development server:

npm run dev

or with experimental Turbo-support:

npm run dev:turbo

Open http://localhost:3000 with your browser to see the result.