/nextjs-noteproject

This is web note app. And this is built by Next.js and React.js.

Primary LanguageTypeScriptMIT LicenseMIT

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.