This site introduces various basic patterns for Next.js app router to understand how to work it.

This project aims to

• design for beginners to understand
• visitors can see the code and understand how it works
• eliminating unnecessary code as much as possible to focus on Next.js code
• covering many patterns for app router

Welcome to submitting a new example but please write simplified code as much as possible to understand beginners!

$ git clone git@github.com:hiroppy/nextjs-app-router-training.git
$ cd nextjs-app-router-training
$ npm i
$ mkdir src/app/examples/new-example
# adding code to src/app/examples/new-example
$ # editing src/app/examples/data.ts to add meta data, please refer type definitions
$ npm run generate
$ # editing a table in README.md

• Next.js App Router Playground