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.
Overview
Syllabus
- 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.
Taught by
Traversy Media
Related Courses
Related articles
Reviews
4.0 rating, based on 1 Class Central review
-
Julian Edgardo HerreraNice course, a lot of interesting information. Just sad that there were no animations. Course about styles without energy - can't put 4 stars. And anyway thank you for your great work on it. Good luck!
