Next.js Crash Course

Dive into a comprehensive 1-hour and 10-minute video tutorial on Next.js fundamentals. Learn about server-side rendering (SSR), static site generation (SSG), routing, data fetching, and API development. Explore key concepts through hands-on coding, starting with create-next-app setup and progressing through file structure, page creation, and routing. Master essential features like custom Head components, layouts, and CSS modules. Discover how to implement navigation, create headers, and utilize styled JSX. Delve into data fetching methods including getStaticProps, getServerSideProps, and getStaticPaths. Gain practical knowledge on exporting static websites, working with API routes, and creating custom meta components. Access accompanying code on GitHub and follow along with timestamped sections for easy navigation through topics.

- Intro & Slides.
- Getting Setup with create-next-app.
- Files & Folders.
- Pages & Routing.
- Head.
- Layouts & CSS Modules.
- Nav Component & Link.
- Create a Header.
- Styled JSX.
- Custom Document.
- Data Fetching.
- getStaticProps().
- Showing Data.
- Nested Routing.
- getServerSideProps().
- getStaticPaths().
- Export a Static Website.
- API Routes.
- Using the API Data.
- Custom Meta Component.