GigaCourse Com Udemy - Next js 14 & React - The Complete Guide

1. 001. Welcome To The Course! -2066K.mp413.93MB
2. 002. What Is NextJS_ Why Would You Use It_ -2220K.mp424.24MB
3. 003. Key Features & Benefits Of NextJS -393K.mp46.29MB
4. 004. Creating a First NextJS App -302K.mp47.68MB
5. 005. NextJS vs _Just React_ - Analyzing The NextJS Project -446K.mp47.03MB
6. 006. Editing The First App -356K.mp44.95MB
7. 007. Pages Router vs App Router - One Framework, Two Approaches -263K.mp43.8MB
8. 008. How To Get The Most Out Of This Course -232K.mp44.45MB
9. 009. Module Introduction -231K.mp41.79MB
10. 010. What Is React & Why Would You Use It_ -383K.mp412.29MB
11. 011. React Projects - Requirements -402K.mp45.18MB
12. 012. Creating React Projects -271K.mp46.18MB
13. 013. Our Starting Project -430K.mp49.4MB
14. 014. Understanding How React Works -303K.mp413.68MB
15. 015. Building A First Custom Component -304K.mp420.61MB
16. 016. Outputting Dynamic Values -292K.mp49.34MB
17. 017. Reusing Components -311K.mp410.69MB
18. 018. Passing Data to Components with Props -311K.mp411.77MB
19. 019. CSS Styling & CSS Modules -350K.mp421.18MB
20. 020. Exercise & Another Component -370K.mp414.08MB
21. 021. Preparing the App For State Management -392K.mp48.12MB
22. 022. Adding Event Listeners -365K.mp416.25MB
23. 023. Working with State -381K.mp421.76MB
24. 024. Lifting State Up -404K.mp421.15MB
25. 025. The Special _children_ Prop -430K.mp417.45MB
26. 026. State & Conditional Content -477K.mp423.27MB
27. 027. Adding a Shared Header & More State Management -475K.mp419.61MB
28. 028. Adding Form Buttons -458K.mp48.71MB
29. 029. Handling Form Submission -526K.mp417.2MB
30. 030. Updating State Based On Previous State -475K.mp412.58MB
31. 031. Outputting List Data -472K.mp416.73MB
32. 032. Adding a Backend to the React SPA -326K.mp412.85MB
33. 033. Sending a POST HTTP Request -477K.mp411.06MB
34. 034. Handling Side Effects with useEffect() -477K.mp422.67MB
35. 035. Handle Loading State -440K.mp410.87MB
36. 036. Understanding & Adding Routing -292K.mp47MB
37. 037. Adding Routes -363K.mp411.68MB
38. 038. Working with Layout Routes -427K.mp49.91MB
39. 039. Refactoring Route Components & More Nesting -435K.mp414.21MB
40. 040. Linking & Navigating -385K.mp418.32MB
41. 041. Data Fetching via loader()s -436K.mp420.99MB
42. 042. Submitting Data with action()s -486K.mp430.03MB
43. 043. Dynamic Routes -465K.mp421.65MB
44. 044. Module Summary -393K.mp43.06MB
45. 045. Module Introduction -408K.mp43.55MB
46. 046. Starting Setup -260K.mp44.2MB
47. 047. Understanding File-based Routing & React Server Components -317K.mp45.38MB
48. 048. Adding Another Route via the File System -310K.mp46.02MB
49. 049. Navigating Between Pages - Wrong & Right Solution -276K.mp47.59MB
50. 050. Working with Pages & Layouts -341K.mp46.62MB
51. 051. Reserved File Names, Custom Components & How To Organize A NextJS Project -464K.mp418.01MB
52. 052. Configuring Dynamic Routes & Using Route Parameters -271K.mp411.05MB
53. 053. Onwards to the Main Project The Foodies App -499K.mp44.35MB
54. 054. Exercise Your Task -160K.mp42.58MB
55. 055. Exercise Solution -271K.mp413.94MB
56. 056. Revisiting The Concept Of Layouts -339K.mp47.98MB
57. 057. Adding a Custom Component To A Layout -448K.mp417.1MB
58. 058. Styling NextJS Project Your Options & Using CSS Modules -550K.mp419.79MB
59. 059. Optimizing Images with the NextJS Image Component -641K.mp419.31MB
60. 060. Using More Custom Components -575K.mp411.89MB
61. 061. Populating The Starting Page Content -445K.mp411.42MB
62. 062. Preparing an Image Slideshow -593K.mp411.74MB
63. 063. React Server Components vs Client Components - When To Use What -433K.mp419.5MB
64. 064. Using Client Components Efficiently -456K.mp430.38MB
65. 065. Outputting Meals Data & Images With Unknown Dimensions -436K.mp424.79MB
66. 066. Setting Up A SQLite Database -640K.mp411.57MB
67. 067. Fetching Data By Leveraging NextJS & Fullstack Capabilities -435K.mp418.54MB
68. 068. Adding A Loading Page -535K.mp411.42MB
69. 069. Using Suspense & Streamed Responses For Granular Loading State Management -517K.mp417.65MB
70. 070. Handling Errors -367K.mp412.23MB
71. 071. Handling _Not Found_ States -310K.mp44.01MB
72. 072. Loading & Rendering Meal Details via Dynamic Routes & Route Parameters.mp413.16MB
73. 073. Throwing Not Found Errors For Individual Meals - 1920x1080 393K.mp44.7MB
74. 074. Getting Started with the _Share Meal_ Form - 1920x1080 527K.mp45.95MB
75. 075. Adding an Image Preview to the Picker - 1920x1080 425K.mp414.5MB
76. 076. Getting Started with a Custom Image Picker Input Component - 1920x1080 392K.mp420.04MB
77. 077. Introducing & Using Server Actions for Handling Form Submissions - 1920x1080 468K.mp424.27MB
78. 078. Storing Server Actions in Separate Files - 1920x1080 483K.mp410.17MB
79. 079. Creating a Slug & Sanitizing User Input for XSS Protection - 1920x1080 393K.mp48.04MB
80. 080. Storing Uploaded Images & Storing Data in the Database - 1920x1080 421K.mp432.29MB
81. 081. Managing the Form Submission Status with useFormStatus - 1920x1080 488K.mp416.85MB
82. 082. Adding Server-Side Input Validation - 1920x1080 460K.mp415.96MB
83. 083. Working with Server Action Responses & useFormState - 1920x1080 477K.mp420.62MB
84. 084. Building For Production & Understanding NextJS Caching - 1920x1080 671K.mp424.26MB
85. 085. Triggering Cache Revalidations - 1920x1080 444K.mp49.93MB
86. 086. Don't Store Files Locally On The Filesystem! - 1920x1080 406K.mp44.74MB
87. 087. Adding Static Metadata - 1920x1080 650K.mp414.19MB
88. 088. Adding Dynamic Metadata - 1920x1080 521K.mp46.32MB
89. 089. Module Summary - 1920x1080 539K.mp413.13MB
90. 090. From App Router To Pages Router - 1920x1080 239K.mp42.49MB
91. 091. Module Introduction - 1920x1080 218K.mp41.6MB
92. 092. Our Starting Setup - 1920x1080 295K.mp42.1MB
93. 093. What Is _File-based Routing__ And Why Is It Helpful_ - 1920x1080 298K.mp47.9MB
94. 094. Adding A First Page - 1920x1080 307K.mp46.49MB
95. 095. Adding a Named - Static Route File - 1920x1080 380K.mp42.95MB
96. 096. Working with Nested Paths & Routes - 1920x1080 403K.mp47.27MB
97. 097. Adding Dynamic Paths & Routes - 1920x1080 392K.mp49.32MB
98. 098. Extracting Dynamic Path Segment Data (Dynamic Routes) - 1920x1080 481K.mp410.87MB
99. 099. Building Nested Dynamic Routes & Paths - 1920x1080 497K.mp417.34MB
100. 100. Adding Catch-All Routes - 1920x1080 382K.mp410.73MB
101. 101. Navigating with the _Link_ Component - 1920x1080 387K.mp411.03MB
102. 102. Navigating To Dynamic Routes - 1920x1080 492K.mp48.31MB
103. 103. A Different Way Of Setting Link Hrefs - 1920x1080 452K.mp46.26MB
104. 104. Navigating Programmatically - 1920x1080 531K.mp48.83MB
105. 105. Adding a Custom 404 Page - 1920x1080 399K.mp43.52MB
106. 106. Module Summary - 1920x1080 374K.mp410.54MB
107. 107. Module Introduction -299K.mp43.16MB
108. 108. Planning The Project -265K.mp45.88MB
109. 109. Setting Up The Main Pages -327K.mp413.02MB
110. 110. Adding Dummy Data & Static Files -811K.mp419.17MB
111. 111. Adding Regular React Components -444K.mp415.74MB
112. 112. Adding More React Components & Connecting Components -694K.mp436.77MB
113. 113. Styling Components In Next.js Projects -610K.mp424.77MB
114. 114. Adding Buttons & Icons -616K.mp424.79MB
115. 115. Adding the _Event Detail_ Page (Dynamic Route) -587K.mp424.18MB
116. 116. Adding a General Layout Wrapper Component -501K.mp415.44MB
117. 117. Working on the _All Events_ Page -598K.mp45.98MB
118. 118. Adding a Filter Form for Filtering Events -608K.mp423.33MB
119. 119. Navigating to the _Filtered Events_ Page Progammatically -628K.mp423MB
120. 120. Extracting Data on the Catch-All Page -535K.mp422.77MB
121. 121. Final Steps -682K.mp423.28MB
122. 122. Module Summary -697K.mp45.51MB
123. 123. Module Introduction -228K.mp43.26MB
124. 124. The Problem With Traditional React Apps (and Data Fetching) -527K.mp412.45MB
125. 125. How NextJS Prepares & Pre-renders Pages -239K.mp47.34MB
126. 126. Introducing Static Generation with _getStaticProps_ -263K.mp45.56MB
127. 127. NextJS Pre-renders By Default! -582K.mp48.36MB
128. 128. Adding _getStaticProps_ To Pages -478K.mp414.51MB
129. 129. Running Server-side Code & Using the Filesystem -524K.mp418.08MB
130. 130. A Look Behind The Scenes -634K.mp413.89MB
131. 131. Utilizing Incremental Static Generation (ISR) -418K.mp415.07MB
132. 132. ISR A Look Behind The Scenes -536K.mp48.8MB
133. 133. A Closer Look At _getStaticProps_ & Configuration Options -540K.mp410.65MB
134. 134. Working With Dynamic Parameters -533K.mp424.15MB
135. 135. Introducing _getStaticPaths_ For Dynamic Pages -452K.mp48.25MB
136. 136. Using _getStaticPaths_ -535K.mp48.95MB
137. 137. _getStaticPaths_ & Link Prefetching Behind The Scenes -517K.mp49.23MB
138. 138. Working With Fallback Pages -492K.mp412.69MB
139. 139. Loading Paths Dynamically.mp44.79MB
140. 140. Fallback Pages & _Not Found_ Pages -627K.mp418.13MB
141. 141. Introducing _getServerSideProps_ for Server-side Rendering (SSR) -389K.mp49.14MB
142. 142. Using _getServerSideProps_ for Server-side Rendering -417K.mp48.32MB
143. 143. _getServerSideProps_ and its Context -635K.mp413.34MB
144. 144. Dynamic Pages & _getServerSideProps_ -581K.mp411.11MB
145. 145. _getServerSideProps_ Behind The Scenes -576K.mp48.87MB
146. 146. Introducing Client-Side Data Fetching (And When To Use It) -270K.mp45.11MB
147. 147. Implementing Client-Side Data Fetching -534K.mp437.96MB
148. 148. Using the _useSWR_ NextJS Hook -673K.mp428.56MB
149. 149. Combining Pre-Fetching With Client-Side Fetching -655K.mp428.18MB
150. 150. Module Summary -652K.mp421.06MB
151. 151. Module Introduction -233K.mp41.5MB
152. 152. Preparations -682K.mp416.89MB
153. 153. Adding Static Site Generation (SSG) On The Home Page -595K.mp430.89MB
154. 154. Loading Data & Paths For Dynamic Pages.mp427.82MB
155. 155. Optimizing Data Fetching -614K.mp423.21MB
156. 156. Working on the _All Events_ Page -715K.mp49.46MB
157. 157. Using Server-side Rendering (SSR) -748K.mp438.47MB
158. 158. Adding Client-Side Data Fetching -747K.mp441.24MB
159. 159. Module Summary -722K.mp45.28MB
160. 160. Module Summary -211K.mp41.7MB
161. 161. Analyzing the Need for _head_ Metadata -599K.mp45.04MB
162. 162. Configuring the _head_ Content -641K.mp410.32MB
163. 163. Adding Dynamic _head_ Content -743K.mp418.75MB
164. 164. Reusing Logic Inside A Component -795K.mp418.45MB
165. 165. Working with the __app.js_ File (and Why) -550K.mp47.24MB
166. 166. Merging _head_ Content -674K.mp49.9MB
167. 167. The __document.js_ File (And What It Does) -524K.mp412.87MB
168. 168. A Closer Look At Our Images -630K.mp45.28MB
169. 169. Optimizing Images with the _Next Image_ Component & Feature -671K.mp426.43MB
170. 170. Taking A Look At The _Next Image_ Documentation -759K.mp44.01MB
171. 171. Module Summary -599K.mp43.3MB
172. 172. Module Introduction -211K.mp41.11MB
173. 173. What are _API Routes__ -349K.mp49.23MB
174. 174. Writing Our First API Route -340K.mp414.35MB
175. 175. Preparing the Frontend Form -493K.mp414.71MB
176. 176. Parsing The Incoming Request & Executing Server-side Code -548K.mp424.69MB
177. 177. Sending Requests To API Routes -564K.mp414.48MB
178. 178. Using API Routes To Get Data -640K.mp425.78MB
179. 179. Using API Routes For Pre-Rendering Pages -549K.mp420.13MB
180. 180. Creating & Using Dynamic API Routes -564K.mp433.98MB
181. 181. Exploring Different Ways Of Structuring API Route Files -620K.mp413.08MB
182. 182. Module Summary -717K.mp46.23MB
183. 183. Module Introduction -228K.mp41.98MB
184. 184. Starting Setup & A Challenge For You! -536K.mp413.17MB
185. 185. Adding a Newsletter Route -506K.mp424.91MB
186. 186. Adding Comments API Routes -500K.mp419.72MB
187. 187. Connecting the Frontend To the Comments API Routes -716K.mp437.46MB
188. 188. Setting Up A MongoDB Database -575K.mp417.05MB
189. 189. Running MongoDB Queries From Inside API Routes -636K.mp429.8MB
190. 190. Inserting Comments Into The Database -688K.mp421.38MB
191. 191. Getting Data From The Database -600K.mp412.89MB
192. 192. Adding Error Handling -663K.mp423.37MB
193. 193. More Error Handling -694K.mp436.61MB
194. 194. Module Summary -662K.mp45.76MB
195. 195. Module Introduction -436K.mp43.3MB
196. 196. Our Target State & Starting Project -589K.mp412.22MB
197. 197. Creating a New React Context -529K.mp413.29MB
198. 198. Adding Context State -660K.mp411.25MB
199. 199. Using Context Data In Components -687K.mp414.73MB
200. 200. Example Triggering & Showing Notifications -666K.mp419.55MB
201. 201. Example Removing Notifications (Automatically) -641K.mp419.42MB
202. 202. Challenge Solution -751K.mp427.84MB
203. 203. Module Summary -648K.mp43.4MB
204. 204. Module Introduction -423K.mp48.11MB
205. 205. Setting Up The Core Pages -324K.mp48.3MB
206. 206. Getting Started With The Home Page -410K.mp411.95MB
207. 207. Adding The _Hero_ Component -499K.mp420.02MB
208. 208. Adding Layout & Navigation -415K.mp417.72MB
209. 209. Time To Add Styling & A Logo -522K.mp48.03MB
210. 210. Starting Work On The _Featured Posts_ Part -418K.mp411.7MB
211. 211. Adding A Post Grid & Post Items -557K.mp423.12MB
212. 212. Rendering Dummy Post Data -655K.mp438.57MB
213. 213. Adding the _All Posts_ Page -530K.mp410.58MB
214. 214. Working On The _Post Detail_ Page -562K.mp427.31MB
215. 215. Rendering Markdown As JSX -593K.mp46.22MB
216. 216. Adding Markdown Files As A Data Source -466K.mp416.06MB
217. 217. Adding Functions To Read & Fetch Data From Markdown Files -557K.mp433.99MB
218. 218. Using Markdown Data For Rendering Posts -532K.mp419.84MB
219. 219. Rendering Dynamic Post Pages & Paths -588K.mp431.06MB
220. 220. Rendering Images With The _Next Image_ Component (From Markdown) -737K.mp448.49MB
221. 221. Rendering Code Snippets From Markdown -701K.mp423.01MB
222. 222. Preparing The Contact Form -595K.mp412.07MB
223. 223. Adding The Contact API Route -453K.mp49.96MB
224. 224. Sending Data From The Client To The API Route -654K.mp422.21MB
225. 225. Storing Messages With MongoDB In A Database -614K.mp425.21MB
226. 226. Adding UI Feedback With Notifications -736K.mp455.18MB
227. 227. Adding _head_ Data -667K.mp421.27MB
228. 228. Adding A __document.js_ File -543K.mp47.17MB
229. 229. Using React Portals -625K.mp411.58MB
230. 230. Module Summary -637K.mp44.58MB
231. 231. Module Introduction -220K.mp41.68MB
232. 232. Building NextJS Apps Your Options -375K.mp414.89MB
233. 233. Key Deployment Steps -339K.mp45.38MB
234. 234. Checking & Optimizing Our Code -530K.mp47.33MB
235. 235. The NextJS Config File & Working With Environment Variables -512K.mp435.19MB
236. 236. Running a Test Build & Reducing Code Size -809K.mp428.7MB
237. 237. A Full Deployment Example (To Vercel) -580K.mp452.01MB
238. 238. A Note On Github & Secret Credentials -555K.mp45.49MB
239. 239. Using the _export_ Feature -401K.mp44.4MB
240. 240. Module Summary -580K.mp41.81MB
241. 241. Module Introduction -225K.mp41.67MB
242. 242. Our Starting Project -445K.mp44.16MB
243. 243. How Does Authentication Work (In React & NextJS Apps)_ -294K.mp420.64MB
244. 244. Using The _next-auth_ Library -635K.mp410.53MB
245. 245. Adding A User Signup API Route -512K.mp430.39MB
246. 246. Sending Signup Requests From The Frontend -659K.mp430.61MB
247. 247. Improving Signup With Unique Email Addresses -608K.mp48.58MB
248. 248. Adding the _Credentials Auth Provider_ & User Login Logic -590K.mp439.98MB
249. 249. Sending a _Signin_ Request From The Frontend -598K.mp419.6MB
250. 250. Managing Active Session (On The Frontend) -498K.mp414.16MB
251. 251. Adding User Logout -444K.mp45.46MB
252. 252. Adding Client-Side Page Guards (Route Protection) -587K.mp421.27MB
253. 253. Adding Server-Side Page Guards (And When To Use Which Approach) -502K.mp417.51MB
254. 254. Protecting the _Auth_ Page -633K.mp417.4MB
255. 255. Using the _next-auth_ Session Provider Component -596K.mp414.12MB
256. 256. Analyzing Further Authentication Requirements -373K.mp47.22MB
257. 257. Protecting API Routes -421K.mp413.79MB
258. 258. Adding the _Change Password_ Logic -610K.mp431.5MB
259. 259. Sending a _Change Password_ Request From The Frontend -666K.mp427.93MB
260. 260. Module Summary & Final Steps -538K.mp48.65MB
261. 261. Module Introduction -300K.mp45.23MB
262. 262. What is NextJS_ -307K.mp47.27MB
263. 263. Key Feature Server-side (Pre-) Rendering of Pages -677K.mp421.31MB
264. 264. Key Feature File-based Routing -519K.mp48.27MB
265. 265. Key Feature Build Fullstack Apps With Ease -517K.mp44.24MB
266. 266. Creating a NextJS Project & IDE Setup -315K.mp411.97MB
267. 267. About the _App Router_ -401K.mp45.82MB
268. 268. Analyzing the Created Project -311K.mp44.58MB
269. 269. Adding First Pages To The Project -406K.mp411.23MB
270. 270. Adding Nested Pages - Paths -356K.mp46.47MB
271. 271. Creating Dynamic Pages -330K.mp46.06MB
272. 272. Extracting Dynamic Route Data -400K.mp47.94MB
273. 273. Linking Between Pages -363K.mp413.74MB
274. 274. Onwards To A Bigger Project! -631K.mp410.42MB
275. 275. Preparing Our Project Pages -347K.mp46.11MB
276. 276. Rendering A List Of (Dummy) Meetups -695K.mp416.96MB
277. 277. Adding A Form For Adding Meetups -640K.mp412.52MB
278. 278. The __app.js_ File & Wrapper Components -570K.mp415.96MB
279. 279. Programmatic Navigation -653K.mp411.03MB
280. 280. Adding Custom Components & Styling With CSS Modules -697K.mp432.76MB
281. 281. How NextJS Page Pre-Rendering Actually Works -640K.mp416.93MB
282. 282. Introducing Data Fetching For Page Generation (getStaticProps) -498K.mp420.3MB
283. 283. More Static Site Generation (SSG) With getStaticProps -603K.mp415.18MB
284. 284. Exploring getServerSideProps -567K.mp416.09MB
285. 285. Working With Dynamic Path Params In getStaticProps -602K.mp414.26MB
286. 286. Dynamic Pages & getStaticProps & getStaticPaths -630K.mp419.88MB
287. 287. Introducing API Routes -427K.mp413.24MB
288. 288. Connecting & Querying a MongoDB Database -599K.mp426.68MB
289. 289. Sending HTTP Requests To API Routes -605K.mp419.21MB
290. 290. Getting Data From The Database (For Page Pre-Rendering) -662K.mp422.29MB
291. 291. Getting Meetup Detail Data & Paths -728K.mp432.96MB
292. 292. Adding _head_ Metadata To Pages -744K.mp430.81MB
293. 293. Deploying NextJS Projects -488K.mp429.76MB
294. 294. Working With Fallback Pages & Re-Deploying -566K.mp411.2MB
295. 295. Module Summary Module Resources -705K.mp47.34MB
296. 296. Course Roundup -309K.mp47.83MB