Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

  1. Урок 1. 00:01:21
    Welcome To The Course!
  2. Урок 2. 00:02:21
    What Is NextJS? Why Would You Use It?
  3. Урок 3. 00:02:41
    Key Features & Benefits Of NextJS
  4. Урок 4. 00:04:26
    Creating a First NextJS App
  5. Урок 5. 00:02:31
    NextJS vs "Just React" - Analyzing The NextJS Project
  6. Урок 6. 00:02:22
    Editing The First App
  7. Урок 7. 00:02:30
    Pages Router vs App Router - One Framework, Two Approaches
  8. Урок 8. 00:03:06
    How To Get The Most Out Of This Course
  9. Урок 9. 00:01:09
    Module Introduction
  10. Урок 10. 00:05:38
    What Is React & Why Would You Use It?
  11. Урок 11. 00:02:10
    React Projects - Requirements
  12. Урок 12. 00:03:28
    Creating React Projects
  13. Урок 13. 00:03:29
    Our Starting Project
  14. Урок 14. 00:07:47
    Understanding How React Works
  15. Урок 15. 00:11:16
    Building A First Custom Component
  16. Урок 16. 00:05:04
    Outputting Dynamic Values
  17. Урок 17. 00:06:01
    Reusing Components
  18. Урок 18. 00:06:16
    Passing Data to Components with Props
  19. Урок 19. 00:10:08
    CSS Styling & CSS Modules
  20. Урок 20. 00:06:32
    Exercise & Another Component
  21. Урок 21. 00:03:47
    Preparing the App For State Management
  22. Урок 22. 00:07:53
    Adding Event Listeners
  23. Урок 23. 00:10:01
    Working with State
  24. Урок 24. 00:09:09
    Lifting State Up
  25. Урок 25. 00:07:22
    The Special "children" Prop
  26. Урок 26. 00:09:00
    State & Conditional Content
  27. Урок 27. 00:07:52
    Adding a Shared Header & More State Management
  28. Урок 28. 00:03:35
    Adding Form Buttons
  29. Урок 29. 00:06:19
    Handling Form Submission
  30. Урок 30. 00:05:31
    Updating State Based On Previous State
  31. Урок 31. 00:06:40
    Outputting List Data
  32. Урок 32. 00:06:11
    Adding a Backend to the React SPA
  33. Урок 33. 00:04:13
    Sending a POST HTTP Request
  34. Урок 34. 00:09:07
    Handling Side Effects with useEffect()
  35. Урок 35. 00:04:24
    Handle Loading State
  36. Урок 36. 00:03:56
    Understanding & Adding Routing
  37. Урок 37. 00:05:37
    Adding Routes
  38. Урок 38. 00:04:09
    Working with Layout Routes
  39. Урок 39. 00:05:36
    Refactoring Route Components & More Nesting
  40. Урок 40. 00:08:10
    Linking & Navigating
  41. Урок 41. 00:09:08
    Data Fetching via loader()s
  42. Урок 42. 00:11:09
    Submitting Data with action()s
  43. Урок 43. 00:08:42
    Dynamic Routes
  44. Урок 44. 00:01:26
    Module Summary
  45. Урок 45. 00:01:21
    Module Introduction
  46. Урок 46. 00:02:33
    Starting Setup
  47. Урок 47. 00:02:46
    Understanding File-based Routing & React Server Components
  48. Урок 48. 00:03:07
    Adding Another Route via the File System
  49. Урок 49. 00:04:13
    Navigating Between Pages - Wrong & Right Solution
  50. Урок 50. 00:03:23
    Working with Pages & Layouts
  51. Урок 51. 00:06:32
    Reserved File Names, Custom Components & How To Organize A NextJS Project
  52. Урок 52. 00:06:18
    Configuring Dynamic Routes & Using Route Parameters
  53. Урок 53. 00:01:25
    Onwards to the Main Project: The Foodies App
  54. Урок 54. 00:02:04
    Exercise: Your Task
  55. Урок 55. 00:08:20
    Exercise: Solution
  56. Урок 56. 00:03:51
    Revisiting The Concept Of Layouts
  57. Урок 57. 00:05:59
    Adding a Custom Component To A Layout
  58. Урок 58. 00:06:01
    Styling NextJS Project: Your Options & Using CSS Modules
  59. Урок 59. 00:04:58
    Optimizing Images with the NextJS Image Component
  60. Урок 60. 00:03:49
    Using More Custom Components
  61. Урок 61. 00:04:19
    Populating The Starting Page Content
  62. Урок 62. 00:03:26
    Preparing an Image Slideshow
  63. Урок 63. 00:08:16
    React Server Components vs Client Components - When To Use What
  64. Урок 64. 00:11:08
    Using Client Components Efficiently
  65. Урок 65. 00:10:32
    Outputting Meals Data & Images With Unknown Dimensions
  66. Урок 66. 00:03:12
    Setting Up A SQLite Database
  67. Урок 67. 00:07:18
    Fetching Data By Leveraging NextJS & Fullstack Capabilities
  68. Урок 68. 00:04:01
    Adding A Loading Page
  69. Урок 69. 00:05:55
    Using Suspense & Streamed Responses For Granular Loading State Management
  70. Урок 70. 00:05:23
    Handling Errors
  71. Урок 71. 00:01:58
    Handling "Not Found" States
  72. Урок 72. 00:11:05
    Loading & Rendering Meal Details via Dynamic Routes & Route Parameters
  73. Урок 73. 00:02:04
    Throwing Not Found Errors For Individual Meals
  74. Урок 74. 00:01:54
    Getting Started with the "Share Meal" Form
  75. Урок 75. 00:06:01
    Adding an Image Preview to the Picker
  76. Урок 76. 00:08:29
    Getting Started with a Custom Image Picker Input Component
  77. Урок 77. 00:09:03
    Introducing & Using Server Actions for Handling Form Submissions
  78. Урок 78. 00:03:46
    Storing Server Actions in Separate Files
  79. Урок 79. 00:03:21
    Creating a Slug & Sanitizing User Input for XSS Protection
  80. Урок 80. 00:12:57
    Storing Uploaded Images & Storing Data in the Database
  81. Урок 81. 00:05:31
    Managing the Form Submission Status with useFormStatus
  82. Урок 82. 00:05:55
    Adding Server-Side Input Validation
  83. Урок 83. 00:08:06
    Working with Server Action Responses & useFormState
  84. Урок 84. 00:06:07
    Building For Production & Understanding NextJS Caching
  85. Урок 85. 00:03:58
    Triggering Cache Revalidations
  86. Урок 86. 00:02:14
    Don't Store Files Locally On The Filesystem!
  87. Урок 87. 00:03:48
    Adding Static Metadata
  88. Урок 88. 00:02:21
    Adding Dynamic Metadata
  89. Урок 89. 00:04:26
    Module Summary
  90. Урок 90. 00:01:38
    Module Introduction
  91. Урок 91. 00:04:18
    Project Setup, Overview & An Exercise!
  92. Урок 92. 00:07:18
    Exercise Solution - Part 1
  93. Урок 93. 00:04:57
    Exercise Solution - Part 2
  94. Урок 94. 00:09:00
    App Styling & Using Dummy Data
  95. Урок 95. 00:04:40
    Handling "Not Found" Errors & Showing "Not Found" Pages
  96. Урок 96. 00:06:41
    Setting Up & Using Parallel Routes
  97. Урок 97. 00:12:51
    Working with Parallel Routes & Nested Routes
  98. Урок 98. 00:06:02
    Configuring Catch-All Routes
  99. Урок 99. 00:09:22
    Catch-All Fallback Routes & Dealing With Multiple Path Segments
  100. Урок 100. 00:03:39
    Throwing (Route-related) Errors
  101. Урок 101. 00:03:03
    Handling Errors With Error Pages
  102. Урок 102. 00:10:11
    Server vs Client Components
  103. Урок 103. 00:04:57
    Nested Routes Inside Dynamic Routes
  104. Урок 104. 00:05:12
    Intercepting Navigation & Using Interception Routes
  105. Урок 105. 00:07:43
    Combining Parallel & Intercepting Routes
  106. Урок 106. 00:02:43
    Navigating Programmatically
  107. Урок 107. 00:06:40
    Using & Understanding Route Groups
  108. Урок 108. 00:05:16
    Building APIs with Route Handlers
  109. Урок 109. 00:05:41
    Using Middleware
  110. Урок 110. 00:00:31
    Module Summary
  111. Урок 111. 00:00:57
    Module Introduction
  112. Урок 112. 00:02:47
    Adding a Backend
  113. Урок 113. 00:08:51
    Option 1: Client-side Data Fetching
  114. Урок 114. 00:05:37
    Option 2: Server-side Data Fetching
  115. Урок 115. 00:06:15
    Why Use A Separate Backend? Fetching Directly From The Source!
  116. Урок 116. 00:04:51
    Showing a "Loading" Fallback
  117. Урок 117. 00:13:20
    Migrating An Entire Application To A Local Data Source (Database)
  118. Урок 118. 00:11:36
    Granular Data Fetching With Suspense
  119. Урок 119. 00:01:12
    Module Introduction
  120. Урок 120. 00:05:47
    Starting Project & Analyzing Mutation Options
  121. Урок 121. 00:09:20
    Setting Up A Form Action
  122. Урок 122. 00:04:17
    Creating a Server Action
  123. Урок 123. 00:04:40
    Storing Data in Databases
  124. Урок 124. 00:06:05
    Providing User Feedback with The useFormStatus Hook
  125. Урок 125. 00:09:58
    Validating User Input With Help Of The useFormState Hook
  126. Урок 126. 00:07:41
    Adjusting Server Actions for useFormState
  127. Урок 127. 00:03:58
    Storing Server Actions In Separate Files
  128. Урок 128. 00:08:14
    Uploading & Storing Images
  129. Урок 129. 00:11:01
    Alternative Ways of Using, Configuring & Triggering Server Actions
  130. Урок 130. 00:04:46
    Revalidating Data To Avoid Caching Problems
  131. Урок 131. 00:11:43
    Performing Optimistic Updates With NextJS
  132. Урок 132. 00:06:14
    Caching Differences: Development vs Production
  133. Урок 133. 00:01:10
    Module Introduction
  134. Урок 134. 00:05:14
    Making Sense of NextJS' Caching Types
  135. Урок 135. 00:01:46
    Project Setup
  136. Урок 136. 00:05:32
    Handling Request Memoization
  137. Урок 137. 00:05:50
    Understanding The Data Cache & Cache Settings
  138. Урок 138. 00:05:28
    Controlling Data Caching
  139. Урок 139. 00:04:43
    Making Sense Of The Full Route Cache
  140. Урок 140. 00:06:04
    On-Demand Cache Invalidation with revalidatePath & revalidateTag
  141. Урок 141. 00:07:16
    Setting Up Request Memoization For Custom Data Sources
  142. Урок 142. 00:03:45
    Setting Up Data Caching For Custom Data Sources
  143. Урок 143. 00:03:33
    Invalidating Custom Data Source Data
  144. Урок 144. 00:01:45
    Module Summary
  145. Урок 145. 00:03:09
    Module Introduction
  146. Урок 146. 00:03:44
    Using the NextJS Image Component
  147. Урок 147. 00:05:16
    Understanding the NextJS Image Component
  148. Урок 148. 00:04:46
    Controlling the Image Size
  149. Урок 149. 00:03:04
    Working with Priority Images & More Settings
  150. Урок 150. 00:04:13
    Loading Unknown Images
  151. Урок 151. 00:03:04
    Configuring CSS For Images With The "fill" Prop
  152. Урок 152. 00:15:52
    Using An Image Loader & Cloudinary Resizing
  153. Урок 153. 00:01:05
    Page Metadata - An Introduction
  154. Урок 154. 00:02:58
    Configuring Static Page Metadata
  155. Урок 155. 00:05:04
    Configuring Dynamic Page Metadata
  156. Урок 156. 00:01:39
    Understanding Layout Metadata
  157. Урок 157. 00:01:05
    Module Introduction
  158. Урок 158. 00:03:27
    Project Setup
  159. Урок 159. 00:14:36
    User Signup: Extracting & Validating User Input
  160. Урок 160. 00:04:31
    Storing Users in a Database - The Wrong Way
  161. Урок 161. 00:02:08
    Hashing Passwords & Storing User Data The Right Way
  162. Урок 162. 00:05:02
    Checking for Email Duplication
  163. Урок 163. 00:05:22
    Theory: How Does User Authentication Work?
  164. Урок 164. 00:02:55
    Choosing a Third-Party Auth Package (Lucia)
  165. Урок 165. 00:04:33
    Creating a New Lucia Auth Instance
  166. Урок 166. 00:04:52
    Configuring A Session & A Session Cookie
  167. Урок 167. 00:03:44
    Setting Up An Auth Session
  168. Урок 168. 00:07:16
    Verifying An Active Auth Session
  169. Урок 169. 00:03:08
    Protecting Routes Against Unauthenticated Access
  170. Урок 170. 00:05:36
    Switching Auth Modes With Query Parameters (Search Params)
  171. Урок 171. 00:05:35
    Adding User Login (via a Server Action)
  172. Урок 172. 00:03:45
    Triggering Different Server Actions via Query Parameters
  173. Урок 173. 00:03:42
    Adding an Auth-only Layout
  174. Урок 174. 00:04:11
    Adding User Logout
  175. Урок 175. 00:01:50
    Course Roundup
  176. Урок 176. 00:03:11
    But There's More NextJS Content!
  177. Урок 177. 00:01:39
    From App Router To Pages Router
  178. Урок 178. 00:01:13
    Module Introduction
  179. Урок 179. 00:01:20
    Our Starting Setup
  180. Урок 180. 00:05:23
    What Is "File-based Routing"? And Why Is It Helpful?
  181. Урок 181. 00:04:02
    Adding A First Page
  182. Урок 182. 00:01:35
    Adding a Named / Static Route File
  183. Урок 183. 00:03:34
    Working with Nested Paths & Routes
  184. Урок 184. 00:04:55
    Adding Dynamic Paths & Routes
  185. Урок 185. 00:04:55
    Extracting Dynamic Path Segment Data (Dynamic Routes)
  186. Урок 186. 00:07:13
    Building Nested Dynamic Routes & Paths
  187. Урок 187. 00:05:45
    Adding Catch-All Routes
  188. Урок 188. 00:05:45
    Navigating with the "Link" Component
  189. Урок 189. 00:03:42
    Navigating To Dynamic Routes
  190. Урок 190. 00:02:56
    A Different Way Of Setting Link Hrefs
  191. Урок 191. 00:03:51
    Navigating Programmatically
  192. Урок 192. 00:01:36
    Adding a Custom 404 Page
  193. Урок 193. 00:05:52
    Module Summary
  194. Урок 194. 00:02:05
    Module Introduction
  195. Урок 195. 00:04:16
    Planning The Project
  196. Урок 196. 00:07:36
    Setting Up The Main Pages
  197. Урок 197. 00:04:47
    Adding Dummy Data & Static Files
  198. Урок 198. 00:07:15
    Adding Regular React Components
  199. Урок 199. 00:10:23
    Adding More React Components & Connecting Components
  200. Урок 200. 00:09:29
    Styling Components In Next.js Projects
  201. Урок 201. 00:08:27
    Adding Buttons & Icons
  202. Урок 202. 00:08:32
    Adding the "Event Detail" Page (Dynamic Route)
  203. Урок 203. 00:06:28
    Adding a General Layout Wrapper Component
  204. Урок 204. 00:02:06
    Working on the "All Events" Page
  205. Урок 205. 00:08:26
    Adding a Filter Form for Filtering Events
  206. Урок 206. 00:08:26
    Navigating to the "Filtered Events" Page Progammatically
  207. Урок 207. 00:08:55
    Extracting Data on the Catch-All Page
  208. Урок 208. 00:07:03
    Final Steps
  209. Урок 209. 00:01:41
    Module Summary
  210. Урок 210. 00:02:26
    Module Introduction
  211. Урок 211. 00:05:16
    The Problem With Traditional React Apps (and Data Fetching)
  212. Урок 212. 00:05:39
    How NextJS Prepares & Pre-renders Pages
  213. Урок 213. 00:04:05
    Introducing Static Generation with "getStaticProps"
  214. Урок 214. 00:03:09
    NextJS Pre-renders By Default!
  215. Урок 215. 00:06:40
    Adding "getStaticProps" To Pages
  216. Урок 216. 00:07:42
    Running Server-side Code & Using the Filesystem
  217. Урок 217. 00:05:21
    A Look Behind The Scenes
  218. Урок 218. 00:07:23
    Utilizing Incremental Static Generation (ISR)
  219. Урок 219. 00:03:46
    ISR: A Look Behind The Scenes
  220. Урок 220. 00:04:20
    A Closer Look At "getStaticProps" & Configuration Options
  221. Урок 221. 00:09:47
    Working With Dynamic Parameters
  222. Урок 222. 00:03:45
    Introducing "getStaticPaths" For Dynamic Pages
  223. Урок 223. 00:03:27
    Using "getStaticPaths"
  224. Урок 224. 00:04:00
    "getStaticPaths" & Link Prefetching: Behind The Scenes
  225. Урок 225. 00:05:28
    Working With Fallback Pages
  226. Урок 226. 00:04:03
    Loading Paths Dynamically
  227. Урок 227. 00:05:54
    Fallback Pages & "Not Found" Pages
  228. Урок 228. 00:04:14
    Introducing "getServerSideProps" for Server-side Rendering (SSR)
  229. Урок 229. 00:04:06
    Using "getServerSideProps" for Server-side Rendering
  230. Урок 230. 00:04:21
    "getServerSideProps" and its Context
  231. Урок 231. 00:04:05
    Dynamic Pages & "getServerSideProps"
  232. Урок 232. 00:03:26
    "getServerSideProps": Behind The Scenes
  233. Урок 233. 00:03:41
    Introducing Client-Side Data Fetching (And When To Use It)
  234. Урок 234. 00:14:48
    Implementing Client-Side Data Fetching
  235. Урок 235. 00:08:59
    Using the "useSWR" NextJS Hook
  236. Урок 236. 00:08:56
    Combining Pre-Fetching With Client-Side Fetching
  237. Урок 237. 00:06:46
    Module Summary
  238. Урок 238. 00:01:05
    Module Introduction
  239. Урок 239. 00:05:02
    Preparations
  240. Урок 240. 00:11:03
    Adding Static Site Generation (SSG) On The Home Page
  241. Урок 241. 00:09:51
    Loading Data & Paths For Dynamic Pages
  242. Урок 242. 00:07:48
    Optimizing Data Fetching
  243. Урок 243. 00:02:48
    Working on the "All Events" Page
  244. Урок 244. 00:09:53
    Using Server-side Rendering (SSR)
  245. Урок 245. 00:10:56
    Adding Client-Side Data Fetching
  246. Урок 246. 00:01:31
    Module Summary
  247. Урок 247. 00:01:20
    Module Summary
  248. Урок 248. 00:01:50
    Analyzing the Need for "head" Metadata
  249. Урок 249. 00:03:42
    Configuring the "head" Content
  250. Урок 250. 00:05:18
    Adding Dynamic "head"
  251. Урок 251. 00:04:23
    Reusing Logic Inside A Component
  252. Урок 252. 00:03:04
    Working with the "_app.js" File (and Why)
  253. Урок 253. 00:03:18
    Merging "head" Content
  254. Урок 254. 00:05:32
    The "_document.js" File (And What It Does)
  255. Урок 255. 00:02:00
    A Closer Look At Our Images
  256. Урок 256. 00:08:38
    Optimizing Images with the "Next Image" Component & Feature
  257. Урок 257. 00:00:52
    Taking A Look At The "Next Image" Documentation
  258. Урок 258. 00:01:17
    Module Summary
  259. Урок 259. 00:00:51
    Module Introduction
  260. Урок 260. 00:05:38
    What are "API Routes"?
  261. Урок 261. 00:08:25
    Writing Our First API Route
  262. Урок 262. 00:06:30
    Preparing the Frontend Form
  263. Урок 263. 00:10:17
    Parsing The Incoming Request & Executing Server-side Code
  264. Урок 264. 00:05:44
    Sending Requests To API Routes
  265. Урок 265. 00:07:57
    Using API Routes To Get Data
  266. Урок 266. 00:08:05
    Using API Routes For Pre-Rendering Pages
  267. Урок 267. 00:13:42
    Creating & Using Dynamic API Routes
  268. Урок 268. 00:05:10
    Exploring Different Ways Of Structuring API Route Files
  269. Урок 269. 00:01:45
    Module Summary
  270. Урок 270. 00:01:32
    Module Introduction
  271. Урок 271. 00:05:16
    Starting Setup & A Challenge For You!
  272. Урок 272. 00:11:11
    Adding a Newsletter Route
  273. Урок 273. 00:08:44
    Adding Comments API Routes
  274. Урок 274. 00:11:00
    Connecting the Frontend To the Comments API Routes
  275. Урок 275. 00:05:43
    Setting Up A MongoDB Database
  276. Урок 276. 00:09:15
    Running MongoDB Queries From Inside API Routes
  277. Урок 277. 00:06:27
    Inserting Comments Into The Database
  278. Урок 278. 00:04:32
    Getting Data From The Database
  279. Урок 279. 00:07:34
    Adding Error Handling
  280. Урок 280. 00:10:48
    More Error Handling
  281. Урок 281. 00:01:46
    Module Summary
  282. Урок 282. 00:01:28
    Module Introduction
  283. Урок 283. 00:04:33
    Our Target State & Starting Project
  284. Урок 284. 00:05:38
    Creating a New React Context
  285. Урок 285. 00:03:50
    Adding Context State
  286. Урок 286. 00:04:38
    Using Context Data In Components
  287. Урок 287. 00:06:36
    Example: Triggering & Showing Notifications
  288. Урок 288. 00:06:32
    Example: Removing Notifications (Automatically)
  289. Урок 289. 00:07:23
    Challenge Solution
  290. Урок 290. 00:01:10
    Module Summary
  291. Урок 291. 00:03:00
    Module Introduction
  292. Урок 292. 00:05:11
    Setting Up The Core Pages
  293. Урок 293. 00:05:30
    Getting Started With The Home Page
  294. Урок 294. 00:08:48
    Adding The "Hero" Component
  295. Урок 295. 00:08:46
    Adding Layout & Navigation
  296. Урок 296. 00:03:19
    Time To Add Styling & A Logo
  297. Урок 297. 00:05:48
    Starting Work On The "Featured Posts" Part
  298. Урок 298. 00:09:42
    Adding A Post Grid & Post Items
  299. Урок 299. 00:12:26
    Rendering Dummy Post Data
  300. Урок 300. 00:04:00
    Adding the "All Posts" Page
  301. Урок 301. 00:10:11
    Working On The "Post Detail" Page
  302. Урок 302. 00:02:31
    Rendering Markdown As JSX
  303. Урок 303. 00:07:33
    Adding Markdown Files As A Data Source
  304. Урок 304. 00:13:41
    Adding Functions To Read & Fetch Data From Markdown Files
  305. Урок 305. 00:08:20
    Using Markdown Data For Rendering Posts
  306. Урок 306. 00:11:43
    Rendering Dynamic Post Pages & Paths
  307. Урок 307. 00:12:47
    Rendering Images With The "Next Image" Component (From Markdown)
  308. Урок 308. 00:06:30
    Rendering Code Snippets From Markdown
  309. Урок 309. 00:04:19
    Preparing The Contact Form
  310. Урок 310. 00:04:27
    Adding The Contact API Route
  311. Урок 311. 00:07:27
    Sending Data From The Client To The API Route
  312. Урок 312. 00:08:53
    Storing Messages With MongoDB In A Database
  313. Урок 313. 00:15:06
    Adding UI Feedback With Notifications
  314. Урок 314. 00:06:53
    Adding "head" Data
  315. Урок 315. 00:02:56
    Adding A "_document.js" File
  316. Урок 316. 00:03:46
    Using React Portals
  317. Урок 317. 00:01:25
    Module Summary
  318. Урок 318. 00:01:18
    Module Introduction
  319. Урок 319. 00:08:06
    Building NextJS Apps: Your Options
  320. Урок 320. 00:03:07
    Key Deployment Steps
  321. Урок 321. 00:03:12
    Checking & Optimizing Our Code
  322. Урок 322. 00:14:26
    The NextJS Config File & Working With Environment Variables
  323. Урок 323. 00:07:22
    Running a Test Build & Reducing Code Size
  324. Урок 324. 00:17:41
    A Full Deployment Example (To Vercel)
  325. Урок 325. 00:01:58
    A Note On Github & Secret Credentials
  326. Урок 326. 00:02:17
    Using the "export" Feature
  327. Урок 327. 00:00:39
    Module Summary
  328. Урок 328. 00:01:17
    Module Introduction
  329. Урок 329. 00:01:46
    Our Starting Project
  330. Урок 330. 00:14:24
    How Does Authentication Work (In React & NextJS Apps)?
  331. Урок 331. 00:03:05
    Using The "next-auth" Library
  332. Урок 332. 00:13:00
    Adding A User Signup API Route
  333. Урок 333. 00:09:42
    Sending Signup Requests From The Frontend
  334. Урок 334. 00:03:01
    Improving Signup With Unique Email Addresses
  335. Урок 335. 00:14:09
    Adding the "Credentials Auth Provider" & User Login Logic
  336. Урок 336. 00:06:53
    Sending a "Signin" Request From The Frontend
  337. Урок 337. 00:05:58
    Managing Active Session (On The Frontend)
  338. Урок 338. 00:02:19
    Adding User Logout
  339. Урок 339. 00:07:51
    Adding Client-Side Page Guards (Route Protection)
  340. Урок 340. 00:07:42
    Adding Server-Side Page Guards (And When To Use Which Approach)
  341. Урок 341. 00:05:47
    Protecting the "Auth" Page
  342. Урок 342. 00:05:15
    Using the "next-auth" Session Provider Component
  343. Урок 343. 00:03:43
    Analyzing Further Authentication Requirements
  344. Урок 344. 00:06:38
    Protecting API Routes
  345. Урок 345. 00:10:37
    Adding the "Change Password" Logic
  346. Урок 346. 00:09:17
    Sending a "Change Password" Request From The Frontend
  347. Урок 347. 00:03:30
    Module Summary & Final Steps
  348. Урок 348. 00:03:04
    Module Introduction
  349. Урок 349. 00:04:46
    What is NextJS?
  350. Урок 350. 00:06:39
    Key Feature: Server-side (Pre-) Rendering of Pages
  351. Урок 351. 00:03:14
    Key Feature: File-based Routing
  352. Урок 352. 00:01:51
    Key Feature: Build Fullstack Apps With Ease
  353. Урок 353. 00:06:15
    Creating a NextJS Project & IDE Setup
  354. Урок 354. 00:02:48
    About the "App Router"
  355. Урок 355. 00:02:53
    Analyzing the Created Project
  356. Урок 356. 00:06:06
    Adding First Pages To The Project
  357. Урок 357. 00:03:48
    Adding Nested Pages / Paths
  358. Урок 358. 00:03:37
    Creating Dynamic Pages
  359. Урок 359. 00:04:08
    Extracting Dynamic Route Data
  360. Урок 360. 00:07:14
    Linking Between Pages
  361. Урок 361. 00:03:33
    Onwards To A Bigger Project!
  362. Урок 362. 00:03:43
    Preparing Our Project Pages
  363. Урок 363. 00:05:04
    Rendering A List Of (Dummy) Meetups
  364. Урок 364. 00:03:56
    Adding A Form For Adding Meetups
  365. Урок 365. 00:06:18
    The "_app.js" File & Wrapper Components
  366. Урок 366. 00:03:48
    Programmatic Navigation
  367. Урок 367. 00:10:01
    Adding Custom Components & Styling With CSS Modules
  368. Урок 368. 00:05:53
    How NextJS Page Pre-Rendering Actually Works
  369. Урок 369. 00:08:57
    Introducing Data Fetching For Page Generation (getStaticProps)
  370. Урок 370. 00:05:45
    More Static Site Generation (SSG) With getStaticProps
  371. Урок 371. 00:06:28
    Exploring getServerSideProps
  372. Урок 372. 00:05:15
    Working With Dynamic Path Params In getStaticProps
  373. Урок 373. 00:07:17
    Dynamic Pages & getStaticProps & getStaticPaths
  374. Урок 374. 00:06:21
    Introducing API Routes
  375. Урок 375. 00:09:33
    Connecting & Querying a MongoDB Database
  376. Урок 376. 00:06:50
    Sending HTTP Requests To API Routes
  377. Урок 377. 00:07:11
    Getting Data From The Database (For Page Pre-Rendering)
  378. Урок 378. 00:09:42
    Getting Meetup Detail Data & Paths
  379. Урок 379. 00:09:20
    Adding "head" Metadata To Pages
  380. Урок 380. 00:12:27
    Deploying NextJS Projects
  381. Урок 381. 00:04:14
    Working With Fallback Pages & Re-Deploying
  382. Урок 382. 00:02:16
    Module Summary
  383. Урок 383. 00:03:58
    Course Roundup