Этот материал находится в платной подписке. Оформи премиум подписку и смотри Next.js & React - The Complete Guide (incl. Two Paths!), а также все другие курсы, прямо сейчас!
Премиум
  • Урок 1. 00:01:48
    Welcome to the Course!
  • Урок 2. 00:04:46
    What Is Next.js? And Why Would You Use It?
  • Урок 3. 00:06:39
    Key Feature: Server-side Page (Pre-)Rendering
  • Урок 4. 00:03:14
    Key Feature: File-based Routing
  • Урок 5. 00:01:51
    Key Feature: Build Fullstack React Apps!
  • Урок 6. 00:06:15
    Creating a NextJS Project & Setting Up Our IDE
  • Урок 7. 00:02:48
    About the "App Router"
  • Урок 8. 00:02:53
    Analyzing The Created Project
  • Урок 9. 00:04:36
    A First Demo: NextJS In Action!
  • Урок 10. 00:07:06
    About This Course & Course Outline
  • Урок 11. 00:04:12
    Taking This Course: Your Two Options
  • Урок 12. 00:04:50
    How To Get The Most Out Of This Course
  • Урок 13. 00:01:28
    Module Introduction
  • Урок 14. 00:03:49
    What is ReactJS?
  • Урок 15. 00:07:26
    Why ReactJS & A First Demo
  • Урок 16. 00:02:01
    Building Single-Page Applications (SPAs)
  • Урок 17. 00:03:07
    React Alternatives
  • Урок 18. 00:08:16
    Creating a New React Project
  • Урок 19. 00:03:05
    Setting Up A Code Editor
  • Урок 20. 00:06:32
    Diving Into The Created Project
  • Урок 21. 00:07:37
    How React Works & Understanding Components
  • Урок 22. 00:05:35
    More Component Work & Styling With CSS Classes
  • Урок 23. 00:07:20
    Building & Re-using Components
  • Урок 24. 00:05:18
    Passing Data With Props & Dynamic Content
  • Урок 25. 00:06:41
    Handling Events
  • Урок 26. 00:05:41
    Adding More Components
  • Урок 27. 00:08:20
    Introducing State
  • Урок 28. 00:07:09
    Working with "Event Props"
  • Урок 29. 00:16:53
    Adding Routing
  • Урок 30. 00:05:22
    Adding Links & Navigation
  • Урок 31. 00:05:46
    Scoping Component Styles With CSS Modules
  • Урок 32. 00:05:51
    Outputting Lists Of Data & Components
  • Урок 33. 00:09:49
    Adding Even More Components
  • Урок 34. 00:08:40
    Creating "Wrapper" Components
  • Урок 35. 00:08:59
    Working With Forms
  • Урок 36. 00:09:46
    Getting User Input & Handling Form Submission
  • Урок 37. 00:06:53
    Preparing The App For Http Requests & Adding a Backend
  • Урок 38. 00:05:19
    Sending a POST Http Request
  • Урок 39. 00:03:43
    Navigating Programmatically
  • Урок 40. 00:09:26
    Getting Started with Fetching Data
  • Урок 41. 00:10:08
    Using the "useEffect" Hook
  • Урок 42. 00:11:03
    Introducing React Context
  • Урок 43. 00:05:55
    Updating State Based On Previous State
  • Урок 44. 00:12:11
    Using Context In Components
  • Урок 45. 00:06:55
    More Context Usage
  • Урок 46. 00:01:01
    Module Summary
  • Урок 47. 00:01:13
    Module Introduction
  • Урок 48. 00:01:20
    Our Starting Setup
  • Урок 49. 00:05:23
    What Is "File-based Routing"? And Why Is It Helpful?
  • Урок 50. 00:04:02
    Adding A First Page
  • Урок 51. 00:01:35
    Adding a Named / Static Route File
  • Урок 52. 00:03:34
    Working with Nested Paths & Routes
  • Урок 53. 00:04:55
    Adding Dynamic Paths & Routes
  • Урок 54. 00:04:55
    Extracting Dynamic Path Segment Data (Dynamic Routes)
  • Урок 55. 00:07:13
    Building Nested Dynamic Routes & Paths
  • Урок 56. 00:05:45
    Adding Catch-All Routes
  • Урок 57. 00:05:45
    Navigating with the "Link" Component
  • Урок 58. 00:03:42
    Navigating To Dynamic Routes
  • Урок 59. 00:02:56
    A Different Way Of Setting Link Hrefs
  • Урок 60. 00:03:51
    Navigating Programmatically
  • Урок 61. 00:01:36
    Adding a Custom 404 Page
  • Урок 62. 00:05:52
    Module Summary
  • Урок 63. 00:02:05
    Module Introduction
  • Урок 64. 00:04:16
    Planning The Project
  • Урок 65. 00:07:36
    Setting Up The Main Pages
  • Урок 66. 00:04:47
    Adding Dummy Data & Static Files
  • Урок 67. 00:07:15
    Adding Regular React Components
  • Урок 68. 00:10:23
    Adding More React Components & Connecting Components
  • Урок 69. 00:09:29
    Styling Components In Next.js Projects
  • Урок 70. 00:08:27
    Adding Buttons & Icons
  • Урок 71. 00:08:32
    Adding the "Event Detail" Page (Dynamic Route)
  • Урок 72. 00:06:28
    Adding a General Layout Wrapper Component
  • Урок 73. 00:02:06
    Working on the "All Events" Page
  • Урок 74. 00:08:26
    Adding a Filter Form for Filtering Events
  • Урок 75. 00:08:26
    Navigating to the "Filtered Events" Page Progammatically
  • Урок 76. 00:08:55
    Extracting Data on the Catch-All Page
  • Урок 77. 00:07:03
    Final Steps
  • Урок 78. 00:01:41
    Module Summary
  • Урок 79. 00:02:26
    Module Introduction
  • Урок 80. 00:05:16
    The Problem With Traditional React Apps (and Data Fetching)
  • Урок 81. 00:05:39
    How NextJS Prepares & Pre-renders Pages
  • Урок 82. 00:04:05
    Introducing Static Generation with "getStaticProps"
  • Урок 83. 00:03:09
    NextJS Pre-renders By Default!
  • Урок 84. 00:06:40
    Adding "getStaticProps" To Pages
  • Урок 85. 00:07:42
    Running Server-side Code & Using the Filesystem
  • Урок 86. 00:05:21
    A Look Behind The Scenes
  • Урок 87. 00:07:23
    Utilizing Incremental Static Generation (ISR)
  • Урок 88. 00:03:46
    ISR: A Look Behind The Scenes
  • Урок 89. 00:04:21
    A Closer Look At "getStaticProps" & Configuration Options
  • Урок 90. 00:09:47
    Working With Dynamic Parameters
  • Урок 91. 00:03:45
    Introducing "getStaticPaths" For Dynamic Pages
  • Урок 92. 00:03:28
    Using "getStaticPaths"
  • Урок 93. 00:04:00
    "getStaticPaths" & Link Prefetching: Behind The Scenes
  • Урок 94. 00:05:28
    Working With Fallback Pages
  • Урок 95. 00:04:03
    Loading Paths Dynamically
  • Урок 96. 00:05:54
    Fallback Pages & "Not Found" Pages
  • Урок 97. 00:04:15
    Introducing "getServerSideProps" for Server-side Rendering (SSR)
  • Урок 98. 00:04:06
    Using "getServerSideProps" for Server-side Rendering
  • Урок 99. 00:04:21
    "getServerSideProps" and its Context
  • Урок 100. 00:04:05
    Dynamic Pages & "getServerSideProps"
  • Урок 101. 00:03:26
    "getServerSideProps": Behind The Scenes
  • Урок 102. 00:03:41
    Introducing Client-Side Data Fetching (And When To Use It)
  • Урок 103. 00:14:48
    Implementing Client-Side Data Fetching
  • Урок 104. 00:08:59
    Using the "useSWR" NextJS Hook
  • Урок 105. 00:08:56
    Combining Pre-Fetching With Client-Side Fetching
  • Урок 106. 00:06:46
    Module Summary
  • Урок 107. 00:01:05
    Module Introduction
  • Урок 108. 00:05:02
    Preparations
  • Урок 109. 00:11:03
    Adding Static Site Generation (SSG) On The Home Page
  • Урок 110. 00:09:51
    Loading Data & Paths For Dynamic Pages
  • Урок 111. 00:07:48
    Optimizing Data Fetching
  • Урок 112. 00:02:48
    Working on the "All Events" Page
  • Урок 113. 00:09:53
    Using Server-side Rendering (SSR)
  • Урок 114. 00:10:56
    Adding Client-Side Data Fetching
  • Урок 115. 00:01:31
    Module Summary
  • Урок 116. 00:01:20
    Module Introduction
  • Урок 117. 00:01:50
    Analyzing the Need for "head" Metadata
  • Урок 118. 00:03:42
    Configuring the "head" Content
  • Урок 119. 00:05:18
    Adding Dynamic "head" Content
  • Урок 120. 00:04:23
    Reusing Logic Inside A Component
  • Урок 121. 00:03:05
    Working with the "_app.js" File (and Why)
  • Урок 122. 00:03:18
    Merging "head" Content
  • Урок 123. 00:05:32
    The "_document.js" File (And What It Does)
  • Урок 124. 00:02:00
    A Closer Look At Our Images
  • Урок 125. 00:08:38
    Optimizing Images with the "Next Image" Component & Feature
  • Урок 126. 00:00:52
    Taking A Look At The "Next Image" Documentation
  • Урок 127. 00:01:17
    Module Summary
  • Урок 128. 00:00:52
    Module Introduction
  • Урок 129. 00:05:39
    What are "API Routes"?
  • Урок 130. 00:08:25
    Writing Our First API Route
  • Урок 131. 00:06:30
    Preparing the Frontend Form
  • Урок 132. 00:10:17
    Parsing The Incoming Request & Executing Server-side Code
  • Урок 133. 00:05:44
    Sending Requests To API Routes
  • Урок 134. 00:07:57
    Using API Routes To Get Data
  • Урок 135. 00:08:05
    Using API Routes For Pre-Rendering Pages
  • Урок 136. 00:13:42
    Creating & Using Dynamic API Routes
  • Урок 137. 00:05:10
    Exploring Different Ways Of Structuring API Route Files
  • Урок 138. 00:01:45
    Module Summary
  • Урок 139. 00:01:32
    Module Introduction
  • Урок 140. 00:05:16
    Starting Setup & A Challenge For You!
  • Урок 141. 00:11:11
    Adding a Newsletter Route
  • Урок 142. 00:08:44
    Adding Comments API Routes
  • Урок 143. 00:11:00
    Connecting the Frontend To the Comments API Routes
  • Урок 144. 00:05:43
    Setting Up A MongoDB Database
  • Урок 145. 00:09:15
    Running MongoDB Queries From Inside API Routes
  • Урок 146. 00:06:27
    Inserting Comments Into The Database
  • Урок 147. 00:04:32
    Getting Data From The Database
  • Урок 148. 00:07:34
    Adding Error Handling
  • Урок 149. 00:10:49
    More Error Handling
  • Урок 150. 00:01:46
    Module Summary
  • Урок 151. 00:01:28
    Module Introduction
  • Урок 152. 00:04:33
    Our Target State & Starting Project
  • Урок 153. 00:05:38
    Creating a New React Context
  • Урок 154. 00:03:50
    Adding Context State
  • Урок 155. 00:04:38
    Using Context Data In Components
  • Урок 156. 00:06:36
    Example: Triggering & Showing Notifications
  • Урок 157. 00:06:32
    Example: Removing Notifications (Automatically)
  • Урок 158. 00:07:23
    Challenge Solution
  • Урок 159. 00:01:10
    Module Summary
  • Урок 160. 00:03:01
    Module Introduction
  • Урок 161. 00:05:11
    Setting Up The Core Pages
  • Урок 162. 00:05:30
    Getting Started With The Home Page
  • Урок 163. 00:08:48
    Adding The "Hero" Component
  • Урок 164. 00:08:46
    Adding Layout & Navigation
  • Урок 165. 00:03:19
    Time To Add Styling & A Logo
  • Урок 166. 00:05:48
    Starting Work On The "Featured Posts" Part
  • Урок 167. 00:09:42
    Adding A Post Grid & Post Items
  • Урок 168. 00:12:26
    Rendering Dummy Post Data
  • Урок 169. 00:04:00
    Adding the "All Posts" Page
  • Урок 170. 00:10:11
    Working On The "Post Detail" Page
  • Урок 171. 00:02:31
    Rendering Markdown As JSX
  • Урок 172. 00:07:33
    Adding Markdown Files As A Data Source
  • Урок 173. 00:13:41
    Adding Functions To Read & Fetch Data From Markdown Files
  • Урок 174. 00:08:20
    Using Markdown Data For Rendering Posts
  • Урок 175. 00:11:43
    Rendering Dynamic Post Pages & Paths
  • Урок 176. 00:12:47
    Rendering Images With The "Next Image" Component (From Markdown)
  • Урок 177. 00:06:30
    Rendering Code Snippets From Markdown
  • Урок 178. 00:04:19
    Preparing The Contact Form
  • Урок 179. 00:04:27
    Adding The Contact API Route
  • Урок 180. 00:07:27
    Sending Data From The Client To The API Route
  • Урок 181. 00:08:53
    Storing Messages With MongoDB In A Database
  • Урок 182. 00:15:06
    Adding UI Feedback With Notifications
  • Урок 183. 00:06:53
    Adding "head" Data
  • Урок 184. 00:02:56
    Adding A "_document.js" File
  • Урок 185. 00:03:46
    Using React Portals
  • Урок 186. 00:01:25
    Module Summary
  • Урок 187. 00:01:18
    Module Introduction
  • Урок 188. 00:08:06
    Building NextJS Apps: Your Options
  • Урок 189. 00:03:07
    Key Deployment Steps
  • Урок 190. 00:03:12
    Checking & Optimizing Our Code
  • Урок 191. 00:14:27
    The NextJS Config File & Working With Environment Variables
  • Урок 192. 00:07:22
    Running a Test Build & Reducing Code Size
  • Урок 193. 00:17:41
    A Full Deployment Example (To Vercel)
  • Урок 194. 00:01:58
    A Note On Github & Secret Credentials
  • Урок 195. 00:02:17
    Using the "export" Feature
  • Урок 196. 00:00:39
    Module Summary
  • Урок 197. 00:01:17
    Module Introduction
  • Урок 198. 00:01:46
    Our Starting Project
  • Урок 199. 00:14:24
    How Does Authentication Work (In React & NextJS Apps)?
  • Урок 200. 00:03:05
    Using The "next-auth" Library
  • Урок 201. 00:13:00
    Adding A User Signup API Route
  • Урок 202. 00:09:42
    Sending Signup Requests From The Frontend
  • Урок 203. 00:03:01
    Improving Signup With Unique Email Addresses
  • Урок 204. 00:14:09
    Adding the "Credentials Auth Provider" & User Login Logic
  • Урок 205. 00:06:53
    Sending a "Signin" Request From The Frontend
  • Урок 206. 00:05:58
    Managing Active Session (On The Frontend)
  • Урок 207. 00:02:19
    Adding User Logout
  • Урок 208. 00:07:51
    Adding Client-Side Page Guards (Route Protection)
  • Урок 209. 00:07:42
    Adding Server-Side Page Guards (And When To Use Which Approach)
  • Урок 210. 00:05:47
    Protecting the "Auth" Page
  • Урок 211. 00:05:15
    Using the "next-auth" Session Provider Component
  • Урок 212. 00:03:43
    Analyzing Further Authentication Requirements
  • Урок 213. 00:06:38
    Protecting API Routes
  • Урок 214. 00:10:37
    Adding the "Change Password" Logic
  • Урок 215. 00:09:17
    Sending a "Change Password" Request From The Frontend
  • Урок 216. 00:03:30
    Module Summary & Final Steps
  • Урок 217. 00:03:04
    Module Introduction
  • Урок 218. 00:04:46
    What is NextJS?
  • Урок 219. 00:06:39
    Key Feature: Server-side (Pre-) Rendering of Pages
  • Урок 220. 00:03:14
    Key Feature: File-based Routing
  • Урок 221. 00:01:51
    Key Feature: Build Fullstack Apps With Ease
  • Урок 222. 00:06:15
    Creating a NextJS Project & IDE Setup
  • Урок 223. 00:02:48
    About the "App Router"
  • Урок 224. 00:02:53
    Analyzing the Created Project
  • Урок 225. 00:06:06
    Adding First Pages To The Project
  • Урок 226. 00:03:48
    Adding Nested Pages / Paths
  • Урок 227. 00:03:37
    Creating Dynamic Pages
  • Урок 228. 00:04:08
    Extracting Dynamic Route Data
  • Урок 229. 00:07:14
    Linking Between Pages
  • Урок 230. 00:03:33
    Onwards To A Bigger Project!
  • Урок 231. 00:03:43
    Preparing Our Project Pages
  • Урок 232. 00:05:05
    Rendering A List Of (Dummy) Meetups
  • Урок 233. 00:03:56
    Adding A Form For Adding Meetups
  • Урок 234. 00:06:18
    The "_app.js" File & Wrapper Components
  • Урок 235. 00:03:48
    Programmatic Navigation
  • Урок 236. 00:10:01
    Adding Custom Components & Styling With CSS Modules
  • Урок 237. 00:05:53
    How NextJS Page Pre-Rendering Actually Works
  • Урок 238. 00:08:57
    Introducing Data Fetching For Page Generation (getStaticProps)
  • Урок 239. 00:05:45
    More Static Site Generation (SSG) With getStaticProps
  • Урок 240. 00:06:28
    Exploring getServerSideProps
  • Урок 241. 00:05:15
    Working With Dynamic Path Params In getStaticProps
  • Урок 242. 00:07:17
    Dynamic Pages & getStaticProps & getStaticPaths
  • Урок 243. 00:06:22
    Introducing API Routes
  • Урок 244. 00:09:33
    Connecting & Querying a MongoDB Database
  • Урок 245. 00:06:50
    Sending HTTP Requests To API Routes
  • Урок 246. 00:07:11
    Getting Data From The Database (For Page Pre-Rendering)
  • Урок 247. 00:09:42
    Getting Meetup Detail Data & Paths
  • Урок 248. 00:09:20
    Adding "head" Metadata To Pages
  • Урок 249. 00:12:27
    Deploying NextJS Projects
  • Урок 250. 00:04:14
    Working With Fallback Pages & Re-Deploying
  • Урок 251. 00:02:13
    Module Summary
  • Урок 252. 00:00:56
    Course Roundup