{"repo":"hiroppy/nextjs-app-router-training","free":true,"listed":false,"github":"https://github.com/hiroppy/nextjs-app-router-training","clone":"git clone https://github.com/hiroppy/nextjs-app-router-training.git","description":"Introducing various basic patterns of app router with simplified code.","language":"TypeScript","stars":455,"topics":["nextjs","nextjs-app-router","nextjs-example","app-router","server-components","tailwindcss"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"Next.js App Router Training 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 Examples Example Kind Status -------------------------------------- ------------------- ------ Nesting Layouts layout ✅ Template layout ✅ Overwriting Metadata metadata ✅ Generating OpenGraph Image metadata ✅ Server Components rendering ✅ Server and Client Composition Patterns rendering ✅ RSC Payload rendering ✅ Client and Server Components basic ✅ Grouping route groups ✅ Loading Immediately loading ✅ Loading with Streaming loading ✅ Loading with Preloading Data loading ✅ Error Immediately error ✅ Not Found error ✅ A Single Segment dynamic routes ✅ Catch-all Segments dynamic routes ✅ Optional Catch-all Segments dynamic routes ✅ Parallel Routes parallel routes ✅ Conditional Routes parallel routes ✅ Intercepting Routes intercepting routes ✅ Modal with Parallel Routes intercepting routes ✅ Caching Data fetching ✅ Request Memoization (@server) caching ✅ Data Cache (@server) caching ✅ Full Route Cache (@server) caching ✅ Router Cache (@client) caching ✅ Route Handlers route handlers ✅ Dynamic Route Segments route handlers ✅ Server Actions server actions ✅ Non-form Elements server actions ✅ Optimistic Updates server actions ✅ Taint se","default_branch":null,"files":null,"tree":[],"storefront":"/r/hiroppy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/hiroppy/nextjs-app-router-training/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}