Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Complete Next.js Developer in 2025: Zero to Mastery, а также все другие курсы, прямо сейчас!
Премиум
  1. Урок 1. 00:02:33
    Complete Next.js Developer: Zero to Mastery
  2. Урок 2. 00:05:31
    Next.js Course Outline
  3. Урок 3. 00:02:08
    The Two Paths: App Router vs. Pages Router
  4. Урок 4. 00:01:53
    Which Path To Take?
  5. Урок 5. 00:04:39
    Section Overview
  6. Урок 6. 00:06:27
    What is Next.js?
  7. Урок 7. 00:04:14
    Benefits of Next.js and Different Rendering Techniques
  8. Урок 8. 00:06:12
    Performance with Next.js
  9. Урок 9. 00:04:36
    Image Component in Next.js
  10. Урок 10. 00:06:12
    File Based Routing and SEO
  11. Урок 11. 00:02:00
    Serverless Functions in Next.js
  12. Урок 12. 00:07:18
    Next.js vs Create React App
  13. Урок 13. 00:11:58
    Project Overview: What Are We Building?
  14. Урок 14. 00:03:40
    Create Next.js App Zero Config
  15. Урок 15. 00:06:02
    Editor Setup VS Code
  16. Урок 16. 00:13:39
    Next.js Setup Project Walkthrough - Part 1
  17. Урок 17. 00:08:25
    Next.js Setup Project Walkthrough - Part 2
  18. Урок 18. 00:04:13
    What Is Tailwind CSS?
  19. Урок 19. 00:03:33
    Let's Get Ready for the Home Page!
  20. Урок 20. 00:07:49
    App Background
  21. Урок 21. 00:01:37
    Next.js Fonts Walkthrough
  22. Урок 22. 00:05:11
    Next.js Google Fonts
  23. Урок 23. 00:06:45
    Using Multiple Fonts
  24. Урок 24. 00:07:07
    Using Local Fonts
  25. Урок 25. 00:02:48
    Metadata API
  26. Урок 26. 00:04:36
    What Are Server Components?
  27. Урок 27. 00:04:05
    Why Do We Need Server Components?
  28. Урок 28. 00:07:24
    When to Use Server vs. Client Components
  29. Урок 29. 00:08:26
    Walkthrough of the Blog App Architecture
  30. Урок 30. 00:01:47
    Code Walkthrough of the Blog App
  31. Урок 31. 00:07:32
    Exercise: Server Components
  32. Урок 32. 00:05:03
    Solution: Server Components
  33. Урок 33. 00:03:00
    Exercise: Moving Client Components Down the Tree
  34. Урок 34. 00:00:51
    Solution: Moving Client Components Down the Tree
  35. Урок 35. 00:04:20
    Let’s Add Our Client Component Banner!
  36. Урок 36. 00:02:34
    Introduction to Routing
  37. Урок 37. 00:01:53
    Routing Terminology
  38. Урок 38. 00:03:01
    Dynamic Routing
  39. Урок 39. 00:06:45
    Dynamic Routing Example
  40. Урок 40. 00:05:58
    Catch All Routes
  41. Урок 41. 00:07:49
    Differences between Catch All and Dynamic Routes
  42. Урок 42. 00:05:44
    Exercise: Routing
  43. Урок 43. 00:04:18
    Link Component
  44. Урок 44. 00:02:10
    Nested Routes Link
  45. Урок 45. 00:04:42
    Dynamic Pages with Link Component
  46. Урок 46. 00:05:17
    Exercise: Link Component Routing
  47. Урок 47. 00:06:31
    What is SEO?
  48. Урок 48. 00:04:39
    Client Rendering vs. Server Rendering
  49. Урок 49. 00:03:40
    Pre-Rendering Hydration
  50. Урок 50. 00:02:55
    Different Rendering Techniques
  51. Урок 51. 00:06:03
    Static Site Generation (SSG)
  52. Урок 52. 00:07:29
    Server-Side Rendering (SSR)
  53. Урок 53. 00:06:06
    Incremental Site Regeneration (ISR)
  54. Урок 54. 00:04:44
    Client-Side Rendering (CSR)
  55. Урок 55. 00:04:29
    Code Walkthrough
  56. Урок 56. 00:02:56
    Data Caching
  57. Урок 57. 00:01:46
    Fetch API Twist in Next.js
  58. Урок 58. 00:06:58
    Implement SSG
  59. Урок 59. 00:06:46
    Implement ISR
  60. Урок 60. 00:07:01
    Implement SSR
  61. Урок 61. 00:03:58
    Project Architecture
  62. Урок 62. 00:02:15
    Card Server or Client Component?
  63. Урок 63. 00:07:59
    Build Card Component
  64. Урок 64. 00:09:24
    Add Coffee Stores on Page
  65. Урок 65. 00:02:06
    Image Component Blur
  66. Урок 66. 00:09:42
    Mapbox API Setup
  67. Урок 67. 00:05:30
    Environment Variables
  68. Урок 68. 00:07:37
    generateStaticParams API
  69. Урок 69. 00:09:37
    generateStaticParams
  70. Урок 70. 00:06:02
    Mapbox Library
  71. Урок 71. 00:03:56
    Transform Coffee Data
  72. Урок 72. 00:02:26
    Data Fetching Walkthrough with Fetch
  73. Урок 73. 00:03:26
    Unique ID
  74. Урок 74. 00:02:07
    Transform Coffee Store Data
  75. Урок 75. 00:07:34
    Unique ID
  76. Урок 76. 00:04:00
    Coffee Store Page Styling
  77. Урок 77. 00:02:12
    Generate Static Params
  78. Урок 78. 00:05:41
    Setup Unsplash
  79. Урок 79. 00:04:20
    Setup Unsplash API
  80. Урок 80. 00:03:32
    Geolocation API
  81. Урок 81. 00:06:47
    Server or Client Component Dilemma
  82. Урок 82. 00:03:20
    Refactor Components
  83. Урок 83. 00:02:34
    Implement Handle Track Location
  84. Урок 84. 00:02:38
    Server Cannot Be Child Component
  85. Урок 85. 00:05:53
    Loading in Geolocation
  86. Урок 86. 00:05:33
    Find Lat Long
  87. Урок 87. 00:01:58
    Error Handling
  88. Урок 88. 00:01:29
    Stores Near Me
  89. Урок 89. 00:04:33
    What Are Route Handlers?
  90. Урок 90. 00:01:19
    Implement Route Handler
  91. Урок 91. 00:06:20
    Call Route Handler
  92. Урок 92. 00:10:20
    Dynamic Route Handler
  93. Урок 93. 00:09:25
    Walkthrough of the Coffee Store Page
  94. Урок 94. 00:04:56
    Best Spot to Invoke Store
  95. Урок 95. 00:04:03
    Setup Airtable
  96. Урок 96. 00:03:40
    Airtable API
  97. Урок 97. 00:04:10
    Architecture Airtable
  98. Урок 98. 00:05:18
    Find Record by ID
  99. Урок 99. 00:07:54
    Refactor Code
  100. Урок 100. 00:08:52
    Create Coffee Store
  101. Урок 101. 00:03:32
    Upvote Design
  102. Урок 102. 00:06:36
    Voting Count
  103. Урок 103. 00:04:31
    Server Actions
  104. Урок 104. 00:07:50
    Server Actions Walkthrough
  105. Урок 105. 00:06:25
    Routing Server Actions
  106. Урок 106. 00:02:29
    Exercise: Server Actions
  107. Урок 107. 00:04:40
    Solution: Server Actions
  108. Урок 108. 00:05:33
    Create Server Action in Content Security Policy (CSP)
  109. Урок 109. 00:08:40
    Update Coffee Store
  110. Урок 110. 00:05:38
    Pass ID
  111. Урок 111. 00:03:17
    UseFormState
  112. Урок 112. 00:07:26
    Loading States Server Action
  113. Урок 113. 00:04:26
    Error Page
  114. Урок 114. 00:08:22
    Loading Coffee Store Page
  115. Урок 115. 00:05:42
    Metadata
  116. Урок 116. 00:07:09
    npm run build
  117. Урок 117. 00:06:51
    Github Deployment
  118. Урок 118. 00:07:22
    Prod Test
  119. Урок 119. 00:05:29
    Lighthouse Test
  120. Урок 120. 00:05:14
    Image Lighthouse
  121. Урок 121. 00:09:06
    Lighthouse Accessibility Score
  122. Урок 122. 00:05:04
    Aspect Ratio Image Lighthouse
  123. Урок 123. 00:06:00
    Lighthouse Image Run Test
  124. Урок 124. 00:09:15
    Exercise: Imposter Syndrome
  125. Урок 125. 00:04:30
    Project Overview
  126. Урок 126. 00:09:57
    Setting Up Our Master Project
  127. Урок 127. 00:05:34
    Setup Fonts
  128. Урок 128. 00:02:56
    Add Font to _Document
  129. Урок 129. 00:03:34
    Global App Styling
  130. Урок 130. 00:04:10
    Netflix Component Architecture
  131. Урок 131. 00:07:16
    Banner Component
  132. Урок 132. 00:06:00
    Banner Component Structure
  133. Урок 133. 00:08:58
    Banner Component Button With Font
  134. Урок 134. 00:07:03
    Icons with Google Fonts
  135. Урок 135. 00:00:52
    NavBar Component Structure
  136. Урок 136. 00:08:59
    NavBar Component Styling
  137. Урок 137. 00:06:15
    NavBar Router
  138. Урок 138. 00:06:51
    NavBar Dropdown
  139. Урок 139. 00:09:30
    NavBar Logo Icons
  140. Урок 140. 00:07:52
    Card Component Architecture
  141. Урок 141. 00:08:17
    Card Component Structure
  142. Урок 142. 00:05:20
    Card Component Size
  143. Урок 143. 00:05:45
    Card Component Error Handling
  144. Урок 144. 00:03:06
    Card Component Image Error
  145. Урок 145. 00:04:20
    Framer Motion with Card
  146. Урок 146. 00:04:50
    Implement Framer Motion with Card
  147. Урок 147. 00:08:56
    Section Cards Architecture
  148. Урок 148. 00:05:43
    Section Cards Structure
  149. Урок 149. 00:01:15
    Section Cards Styling
  150. Урок 150. 00:06:07
    Card Scaling Feature
  151. Урок 151. 00:10:20
    Refactor Section Cards Component
  152. Урок 152. 00:02:45
    Youtube API Overview
  153. Урок 153. 00:05:00
    Which Youtube API To Use?
  154. Урок 154. 00:06:01
    Implement Youtube Search API
  155. Урок 155. 00:10:38
    Implement Youtube Search API (continued)
  156. Урок 156. 00:09:34
    Data Fetching Technique: Server Side Rendering
  157. Урок 157. 00:04:32
    Serverside Rendering (SSR) Rules in Next.js
  158. Урок 158. 00:09:17
    Implement Serverside Rendering (SSR) to Fetch Videos
  159. Урок 159. 00:05:55
    Youtube API: Google Console Project
  160. Урок 160. 00:03:08
    Invoke Youtube API
  161. Урок 161. 00:03:49
    Implement More Sections For Videos
  162. Урок 162. 00:05:03
    Error Handling for Video Library
  163. Урок 163. 00:07:57
    Popular Videos API Docs
  164. Урок 164. 00:04:28
    Implement Popular Videos
  165. Урок 165. 00:03:50
    Section Overview
  166. Урок 166. 00:09:36
    What is Passwordless Authentication?
  167. Урок 167. 00:08:26
    Overview of Sign-in Page
  168. Урок 168. 00:04:03
    Setup of Sign-in Page
  169. Урок 169. 00:07:28
    Sign-in Header Component
  170. Урок 170. 00:08:55
    Sign-in Page Structure
  171. Урок 171. 00:08:55
    Sign-in Page Styling
  172. Урок 172. 00:04:57
    Sign-in Form Validation
  173. Урок 173. 00:07:03
    Sign-in Routing To Dashboard
  174. Урок 174. 00:02:20
    What is Magic Links?
  175. Урок 175. 00:06:10
    Setup Magic Account
  176. Урок 176. 00:08:35
    Install Magic in App
  177. Урок 177. 00:09:33
    Magic API Keys
  178. Урок 178. 00:04:01
    Magic SDK (continued)
  179. Урок 179. 00:04:16
    Magic Docs For Login
  180. Урок 180. 00:08:36
    Magic Implementation
  181. Урок 181. 00:01:18
    Magic SDK Storage and Routing
  182. Урок 182. 00:06:44
    Magic Loading State
  183. Урок 183. 00:05:16
    Routing Delay with Login
  184. Урок 184. 00:08:14
    Username on NavBar
  185. Урок 185. 00:08:05
    SignOut a User
  186. Урок 186. 00:02:26
    App Route once LoggedIn
  187. Урок 187. 00:06:36
    Routing Flicker with Login
  188. Урок 188. 00:06:27
    Loading Component
  189. Урок 189. 00:05:00
    Project Architecture
  190. Урок 190. 00:06:18
    What Are We Building and Video Id Page Route
  191. Урок 191. 00:02:49
    Create Dynamic Route: Video Id Page
  192. Урок 192. 00:06:35
    Link Dynamic Page to Card Component Routing
  193. Урок 193. 00:07:05
    Connect Link Component
  194. Урок 194. 00:07:31
    Connect Banner Component
  195. Урок 195. 00:05:45
    React Modal Docs
  196. Урок 196. 00:06:30
    Install React Modal Component
  197. Урок 197. 00:08:47
    Modal Component Styles
  198. Урок 198. 00:06:18
    Implement Youtube API Player & Docs
  199. Урок 199. 00:02:29
    Youtube Player Styling
  200. Урок 200. 00:04:59
    Modal Component Structure
  201. Урок 201. 00:03:44
    Modal Styling
  202. Урок 202. 00:05:40
    Which Data Fetching Techniques To Use?
  203. Урок 203. 00:03:56
    What is Incremental Static Regeneration?
  204. Урок 204. 00:05:59
    Incremental Static Regeneration Fallback
  205. Урок 205. 00:07:14
    ISR (Incremental Static Regeneration) Demo and Next Steps
  206. Урок 206. 00:09:24
    Incremental Static Regeneration (ISR) Docs
  207. Урок 207. 00:07:19
    Implement Incremental Static Regeneration (ISR)
  208. Урок 208. 00:08:58
    Incremental Static Regeneration with Youtube API Docs
  209. Урок 209. 00:06:56
    Architectural Diagram
  210. Урок 210. 00:03:46
    Youtube API by ID
  211. Урок 211. 00:06:36
    Fix Link Component Route
  212. Урок 212. 00:02:58
    ISR Query Params
  213. Урок 213. 00:04:34
    Navbar Component
  214. Урок 214. 00:08:13
    YouTube Quota Limit: Test Data
  215. Урок 215. 00:04:31
    Section Overview
  216. Урок 216. 00:05:59
    Why GraphQL?
  217. Урок 217. 00:06:54
    What is GraphQL?
  218. Урок 218. 00:09:18
    GraphQL Example
  219. Урок 219. 00:08:46
    GQL Query vs Mutation
  220. Урок 220. 00:07:13
    What is Hasura?
  221. Урок 221. 00:06:15
    Hasura API Explorer
  222. Урок 222. 00:04:23
    Hasura Dashboard and Signup
  223. Урок 223. 00:03:51
    Hasura Setup DB
  224. Урок 224. 00:04:26
    Hasura Create PostGres DB
  225. Урок 225. 00:03:38
    Hasura DB Architecture
  226. Урок 226. 00:04:26
    Hasura DB Architecture (continued)
  227. Урок 227. 00:02:54
    Setup DB
  228. Урок 228. 00:03:56
    Hasura Try Out Tables
  229. Урок 229. 00:02:57
    Query Live Hasura Server
  230. Урок 230. 00:08:34
    Query Live Hasura Server with Environment Variables
  231. Урок 231. 00:01:45
    Hasura User Roles
  232. Урок 232. 00:08:33
    User Roles: Why JWT (JSON Web Tokens)
  233. Урок 233. 00:04:18
    What is JWT (JSON Web Token)
  234. Урок 234. 00:09:22
    JWT (JSON Web Token) Secret
  235. Урок 235. 00:03:14
    Create JWT Secret and Update Roles
  236. Урок 236. 00:07:44
    Section Overview
  237. Урок 237. 00:07:06
    Authentication Architecture
  238. Урок 238. 00:04:28
    Login API
  239. Урок 239. 00:03:19
    Login API Architecture
  240. Урок 240. 00:04:50
    Login API Create Auth Header
  241. Урок 241. 00:07:26
    Login API Magic Server Side SDK
  242. Урок 242. 00:05:20
    Login API Magic Server Side SDK Testing
  243. Урок 243. 00:01:17
    Login API JWT (JSON Web Token) Docs
  244. Урок 244. 00:10:25
    Login API Create JWT (JSON Web Token)
  245. Урок 245. 00:02:25
    Login API Hasura Check New User
  246. Урок 246. 00:05:42
    Login API Check New User Query
  247. Урок 247. 00:04:40
    Login API Refactor
  248. Урок 248. 00:08:51
    Login API New User Hasura Dashboard
  249. Урок 249. 00:04:16
    Login API Create New User Mutation
  250. Урок 250. 00:07:34
    Login API Overview and Cookie
  251. Урок 251. 00:06:54
    Login API Set Token Cookie
  252. Урок 252. 00:04:58
    Login API Set Token Cookie Testing
  253. Урок 253. 00:05:46
    Login API Cleanup
  254. Урок 254. 00:05:50
    Invoke Login API on Login
  255. Урок 255. 00:07:33
    Section Overview
  256. Урок 256. 00:05:55
    App Architecture
  257. Урок 257. 00:05:28
    Like and Dislike Button Functionality
  258. Урок 258. 00:07:23
    Like and Dislike Button Styling
  259. Урок 259. 00:06:24
    Like and Dislike Button States
  260. Урок 260. 00:06:38
    Stats Rating API Architecture
  261. Урок 261. 00:05:10
    Stats API Creation
  262. Урок 262. 00:06:41
    Build Stats with Request Cookies
  263. Урок 263. 00:05:46
    Stats API Overview with JWT Verification
  264. Урок 264. 00:07:36
    Stats API JWT Verification
  265. Урок 265. 00:05:18
    Stats API Design GraphQL
  266. Урок 266. 00:06:53
    Stats API Design Find User By ID
  267. Урок 267. 00:06:40
    Find User By Id GraphQL
  268. Урок 268. 00:07:25
    Use Query String For Video ID
  269. Урок 269. 00:02:29
    Conditional Logic Does Video Exist?
  270. Урок 270. 00:05:33
    GraphiQL: Insert and Update Mutation
  271. Урок 271. 00:05:19
    Stats API Use Insert and Update Mutation
  272. Урок 272. 00:06:08
    Stats API Testing
  273. Урок 273. 00:05:03
    Insert And Update Mutation Implementation
  274. Урок 274. 00:06:25
    Stats API Wrap
  275. Урок 275. 00:05:48
    Overview of Like Dislike Functionality
  276. Урок 276. 00:04:38
    Like Dislike Functionality
  277. Урок 277. 00:08:15
    Like Dislike Functionality Testing
  278. Урок 278. 00:05:39
    Stats API Design: GET Request
  279. Урок 279. 00:09:37
    Tweak Stats API GET Request
  280. Урок 280. 00:07:24
    Stats API Refactor
  281. Урок 281. 00:04:08
    Invoke Stats API on Frontend
  282. Урок 282. 00:10:32
    Watch It Again Architecture
  283. Урок 283. 00:05:28
    Watch it Again Query Hasura
  284. Урок 284. 00:08:03
    Watch it Again Call in SSR (ServerSide Rendering)
  285. Урок 285. 00:04:03
    Render Watch it Again Section on Page
  286. Урок 286. 00:02:14
    High Resolution Images in the App
  287. Урок 287. 00:09:16
    Cookies inside SSR (ServerSide Rendering)
  288. Урок 288. 00:01:54
    Redirects in SSR (ServerSide Rendering)
  289. Урок 289. 00:05:21
    Create Redirect User Hook
  290. Урок 290. 00:09:37
    Testing the Redirect User Hook
  291. Урок 291. 00:02:05
    My List Page Architecture
  292. Урок 292. 00:08:47
    Build My List Page
  293. Урок 293. 00:04:36
    Styling My List Page
  294. Урок 294. 00:03:56
    Hasura Query for My List Page
  295. Урок 295. 00:09:26
    Server Side Render My List Page
  296. Урок 296. 00:04:01
    Wrap Cards in My List Page
  297. Урок 297. 00:03:11
    Logout Assignment
  298. Урок 298. 00:04:21
    Middleware Introduction
  299. Урок 299. 00:03:43
    Middleware - Let's Try it Out
  300. Урок 300. 00:09:35
    Middleware Implementation Continued
  301. Урок 301. 00:03:16
    How To Make Cloud Ready App
  302. Урок 302. 00:03:37
    Create Github Repo
  303. Урок 303. 00:08:24
    Application Cleanup
  304. Урок 304. 00:10:48
    Deployment To Vercel
  305. Урок 305. 00:04:40
    Try The App On Vercel
  306. Урок 306. 00:07:09
    Application Testing on Vercel
  307. Урок 307. 00:09:15
    Run Production Next Build
  308. Урок 308. 00:01:10
    Thank You!