Next.js App Router Course - Starter

This is the starter template for the Next.js App Router Course. It contains the starting code for the dashboard application.

For more information, see the course curriculum on the Next.js Website.

---

Next.js App Router Dashboard – Course Project

📑 Table of Contents

• 🚀 Project Overview
• 🧠 Key Highlights
• 📜 Commit History
• 🔗 Additional Links

🚀 Project Overview

This project is a hands-on build of a dashboard application, completed by following the Next.js App Router Course by Vercel.

It demonstrates real-world full-stack patterns using the latest features of Next.js App Router, including:

• Server Components & Actions
• Authentication with NextAuth.js
• Streaming & Suspense
• Partial Prerendering (PPR) — experimental
• Metadata API (for SEO)
• Optimized Fonts & Images
• Accessibility and Error Boundaries

🎓 Course Completion:
Successfully completed all lessons
📄 View Certificate of Completion

I shared my learnings and takeaways in this post: How I Learned the Fundamentals of Next.js (App Router) – Project-Based, Certified & GitHub Logged

🧠 Key Highlights

• Followed all 16 core chapters + 1 final summary
• Added custom commits post-course to extend functionality (e.g., /wipe route)
• Each commit is written with clear, structured messages explaining concepts, intentions, and outcomes
• Focused on performance, accessibility, and clean project structure
• Learned the fundamentals of App Router with real-world practice

📜 Commit History

This repo is a chapter-wise learning log and reference for anyone learning Next.js App Router and full-stack concepts.

📂 For a chapter-by-chapter breakdown of all commits, view: commits.md, commit-messages.txt

🔗 Additional Links

• Related LinkedIn Post: How I Learned the Fundamentals of Next.js (App Router) – Project-Based, Certified & GitHub Logged
• This course: Fundamentals of Next.js – App Router by Vercel
• Final course project live: Dashboard App
• More official courses to explore: nextjs.org/learn