This uses the starter template for the Next.js App Router Course, for which I have completed all lessons, alongside a few enhancements to keep experimenting after the course was over. See commits for details.
For more information, see the course curriculum on the Next.js Website.
https://nextjs-dashboard-nine-pi-96.vercel.app
Log in with Email: [email protected] / Password: 123456
Overview of the features I have learnt in this course:
- Styling: The different ways to style the application in Next.js.
- Optimizations: How to optimize images, links, and fonts.
- Routing: How to create nested layouts and pages using file-system routing.
- Data Fetching: How to set up a database on Vercel, and best practices for fetching and streaming.
- Search and Pagination: How to implement search and pagination using URL Search Params.
- Mutating Data: How to mutate data using React Server Actions, and revalidate the Next.js cache.
- Error Handling: How to handle general and 404 not found errors.
- Form Validation and Accessibility: How to do server-side form validation and tips for improving accessibility.
- Authentication: How to add authentication to the application using NextAuth.js and Middleware.
- Metadata: How to add metadata and prepare the application for social sharing.