This is the starter template for the Next.js App Router Course. It contains the starting code for the dashboard application.
On first push to my personal GitHub, I have completed chapters 1 - 4 of nextjs.org/learn which has taught me:
- How to style components using TailWind CSS, and how to use plain CSS if preferred
- How to incude fonts and images and how Next.js automatically optimizes images inlcuded using the < Image /> component
- How to create routes by creating folders in /app that map to a URL segment, and to create the page.tsx file within each folder to serve the React component
- How to colocate files that are not public within my route folders
- How to create a layout.tsx file that serves components that will be displayed on each page of the application that is located within the same parent folder as the layout.tsx file
- How route layouts (layout.tsx files located in the root /app folder of your application) are displayed on all pages of the application and can be used to modify < html > and < body > tags. This layout file is required.
Everything after this has been added as its own commit.
For more information, see the course curriculum on the Next.js Website.