Next.js Crash Course 2021
In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more
Code:
https://github.com/bradtraversy/next-crash-course
Timestamps:
0:00 - Intro & Slides
6:52 - Getting Setup with create-next-app
8:23 - Files & Folders
11:37 - Pages & Routing
13:14 - Head
16:05 - Layouts & CSS Modules
20:56 - Nav Component & Link
23:34 - Create a Header
25:05 - Styled JSX
27:46 - Custom Document
31:16 - Data Fetching
32:02 - getStaticProps()
33:58 - Showing Data
40:15 - Nested Routing
42:46 - getServerSideProps()
46:00 - getStaticPaths()
49:47 - Export a Static Website
53:18 - API Routes
59:24 - Using the API Data
1:03:48 - Custom Meta Component
Suggest:
☞ Learn React - Full Course for Beginners - React Tutorial 2019
☞ React Tutorial - Learn React - React Crash Course [2019]
☞ JavaScript for React Developers | Mosh
☞ Build a React.js application and add Authentication with Auth0
☞ NextJS Course For Beginners - Routes, Fetching, SSR, SSG...
☞ Page Transitions In React - React Router V6 and Framer Motion Tutorial