Traversy Media | Next.js Crash Course @TraversyMedia | Uploaded January 2021 | Updated October 2024, 1 hour ago.
In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more
Code:
github.com/bradtraversy/next-crash-course
Next.js Udemy Course:
udemy.com/course/nextjs-dev-to-deployment/?referralCode=7CD3920A9760E6ABEC11
💖 Support The Channel!
patreon.com/traversymedia
Next.js Website:
nextjs.org
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
In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more
Code:
github.com/bradtraversy/next-crash-course
Next.js Udemy Course:
udemy.com/course/nextjs-dev-to-deployment/?referralCode=7CD3920A9760E6ABEC11
💖 Support The Channel!
patreon.com/traversymedia
Next.js Website:
nextjs.org
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
![JavaScript Under The Hood [5] - JavaScript Engine Overview](https://i.ytimg.com/vi/oc6faXVc54E/hqdefault.jpg "JavaScript Under The Hood [5] - JavaScript Engine Overview
In this final video of the series, we will talk about JS engines and look at how JavaScript code is turned into machine code that runs on the CPU.
💻 My Courses & More
https://traversymedia.com
💖 Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
👇 Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Timestamps:
0:00 - Intro
0:42 - What is a JS Engine?
1:31 - Specific Browser Engines
3:30 - Compiled vs Interpreted Languages
6:11 - JS Engine Process Overview
7:25 - Abstract Syntax Tree (AST)
10:01 - Interpreter & Bytecode
10:58 - JIT Compilation")
