Guest
Started\ 0:00 Welcome to the Course! 1:47 What Is And Why Would You 6:32 Key Feature Server-side Page (Pre- 13:10 Key Feature File-based Routing 16:24 Key Feature Build Fullstack React 18:14 Creating a NextJS Project & Setti 23:54 Analyzing The Created Project 26:47 A First Demo NextJS In Action! 31:22 About This Course & Course Outlin 38:27 Taking This Course Your Two Optio 42:39 How To Get The Most Out Of This C React Refresher\ 47:28 Module Introduction 48:55 What is ReactJS 52:44 Why ReactJS & A First Demo 1:00:09 Building Single-Page Applicatio 1:02:10 React Alternatives 1:05:17 Creating a New React Project 1:13:33 Setting Up A Code Editor 1:16:37 Diving Into The Created Project 1:23:08 How React Works & Understanding 1:30:45 More Component Work & Styling W 1:36:20 Building & Re-using Components 1:43:39 Passing Data With Props & Dynam 1:48:57 Handling Events 1:55:38 Adding More Components 2:01:19 Introducing State 2:09:38 Working with Event Props 2:16:46 Adding Routing 2:33:38 Adding Links & Navigation 2:38:59 Scoping Component Styles With C 2:44:45 Outputting Lists Of Data & Comp 2:50:35 Adding Even More Components 3:00:23 Creating Wrapper Components 3:09:03 Working With Forms 3:18:01 Getting User Input & Handling F 3:27:47 Preparing The App For Http Requ 3:34:39 Sending a POST Http Request 3:39:58 Navigating Programmatically 3:43:40 Getting Started with Fetching D 3:53:05 Using the useEffect Hook 4:03:13 Introducing React Context 4:14:15 Updating State Based On Previou 4:20:10 Using Context In Components 4:32:21 More Context Usage 4:39:15 Module Summary & File-based Routing\ 4:40:15 Module Introduction 4:41:28 Our Starting Setup 4:42:48 What Is File-based Routing And 4:48:11 Adding A First Page 4:52:13 Adding a Named Static Route Fi 4:53:47 Working with Nested Paths & Rou 4:57:21 Adding Dynamic Paths & Routes 5:02:16 Extracting Dynamic Path Segment 5:07:10 Building Nested Dynamic Routes 5:14:23 Adding Catch-All Routes 5:20:08 Navigating with the Link Compon 5:25:52 Navigating To Dynamic Routes 5:29:34 A Different Way Of Setting Link 5:32:29 Navigating Programmatically 5:36:20 Adding a Custom 404 Page 5:37:56 Module Summary Time Working with File-based 5:43:47 Module Introduction 5:45:51 Planning The Project 5:50:07 Setting Up The Main Pages 5:57:43 Adding Dummy Data & Static File 6:02:29 Adding Regular React Components 6:09:44 Adding More React Components & 6:20:06 Styling Components In P 6:29:34 Adding Buttons & Icons 6:38:00 Adding the Event Detail Page (D 6:46:32 Adding a General Layout Wrapper 6:53:00 Working on the All Events Page 6:55:05 Adding a Filter Form for Filter 7:03:31 Navigating to the Filtered Even 7:11:56 Extracting Data on the Catch-Al 7:20:50 Final Steps 7:27:53 Module Summary Pre-Rendering & Data Fetching\ 7:29:34 Module Introduction 7:31:59 The Problem With Traditional Re 7:37:15 How NextJS Prepares & Pre-rende 7:42:53 Introducing Static Generation w 7:46:58 NextJS Pre-renders By Default! 7:50:06 Adding getStaticProps To Pages 7:56:46 Running Server-side Code & Usin 8:04:27 A Look Behind The Scenes 8:09:47 Utilizing Incremental Static Ge 8:17:10 ISR A Look Behind The Scenes 8:20:56 A Closer Look At getStaticProps 8:25:16 Working With Dynamic Parameters 8:35:02 Introducing getStaticPaths For 8:38:46 Using getStaticPaths 8:42:13 getStaticPaths & Link Prefetchi 8:46:13 Working With Fallback Pages 8:51:41 Loading Paths Dynamically 8:55:43 Fallback Pages & Not Found Page 9:01:37 Introducing getServerSideProps 9:05:51 Using getServerSideProps for Se 9:09:56 getServerSideProps and its Cont 9:14:17 Dynamic Pages & getServerSidePr 9:18:22 getServerSideProps Behind The S 9:21:47 Introducing Client-Side Data Fe 9:25:28 Implementing Client-Side Data F 9:40:15 Using the useSWR NextJS Hook 9:49:14 Combining Pre-Fetching With Cli 9:58:10 Module Summary Time Page Pre-rendering & Dat 10:04:55 Module Introduction 10:06:00 Preparations 10:11:02 Adding Static Site Generation 10:22:04 Loading Data & Paths For Dynam 10:31:55 Optimizing Data Fetching 10:39:43 Working on the All Events Page 10:42:31 Using Server-side Rendering (S 10:52:23 Adding Client-Side Data Fetchi 11:03:19 Module Summary NextJS Apps\ 11:04:49 Module Summary 11:06:09 Analyzing the Need for head Me 11:07:58 Configuring the head Content 11:11:40 Adding Dynamic head Content 11:16:58 Reusing Logic Inside A Compone 11:21:21 Working with the File 11:24:25 Merging head Content 11:27:42 The File (And Wha 11:33:13 A Closer Look At Our Images 11:35:13 Optimizing Images with the Nex 11:43:50 Taking A Look At The Next Imag 11:44:42 Module Summary Backend Code with API Routes ( 11:45:59 Module Introduction 11:46:50 What are API Routes 11:52:28 Writing Our First API Route
