Myvideo

Guest

Login

udemy-next.js-react-the-complete-guide-incl.-two-paths-2022-6-1

Uploaded By: Myvideo
1 view
0
0 votes
0

Backend Code with API Routes (Fullstack Rea 0:52 Preparing the Frontend Form 7:22 Parsing The Incoming Request & Executing Server 17:38 Sending Requests To API Routes 23:22 Using API Routes To Get Data 31:18 Using API Routes For Pre-Rendering Pages 39:22 Creating & Using Dynamic API Routes 53:04 Exploring Different Ways Of Structuring API Ro 58:14 Module Summary Time API Routes\ 59:59 Module Introduction 1:01:30 Starting Setup & A Challenge For You! 1:06:46 Adding a Newsletter Route 1:17:56 Adding Comments API Routes 1:26:39 Connecting the Frontend To the Comments API 1:37:39 Setting Up A MongoDB Database 1:43:22 Running MongoDB Queries From Inside API Rout 1:52:36 Inserting Comments Into The Database 1:59:03 Getting Data From The Database 2:03:35 Adding Error Handling 2:11:08 More Error Handling 2:21:56 Module Summary with App-wide State (React Context)\ 2:23:42 Module Introduction 2:25:10 Our Target State & Starting Project 2:29:42 Creating a New React Context 2:35:19 Adding Context State 2:39:08 Using Context Data In Components 2:43:46 Example Triggering & Showing Notifications 2:50:22 Example Removing Notifications (Automaticall 2:56:54 Challenge Solution 3:04:16 Module Summary App Example Build a Full Blog A to Z\ 3:05:25 Module Introduction 3:08:25 Setting Up The Core Pages 3:13:35 Getting Started With The Home Page 3:19:05 Adding The Hero Component 3:27:53 Adding Layout & Navigation 3:36:39 Time To Add Styling & A Logo 3:39:57 Starting Work On The Featured Posts Part 3:45:45 Adding A Post Grid & Post Items 3:55:26 Rendering Dummy Post Data 4:07:51 Adding the All Posts Page 4:11:51 Working On The Post Detail Page 4:22:02 Rendering Markdown As JSX 4:24:32 Adding Markdown Files As A Data Source 4:32:04 Adding Functions To Read & Fetch Data From M 4:45:45 Using Markdown Data For Rendering Posts 4:54:05 Rendering Dynamic Post Pages & Paths 5:05:48 Rendering Images With The Next Image Compone 5:18:34 Rendering Code Snippets From Markdown 5:25:04 Preparing The Contact Form 5:29:23 Adding The Contact API Route 5:33:50 Sending Data From The Client To The API Rout 5:41:17 Storing Messages With MongoDB In A Database 5:50:09 Adding UI Feedback With Notifications 6:05:14 Adding head Data 6:12:06 Adding A File 6:15:02 Using React Portals 6:18:48 Module Summary NextJS Apps\ 6:20:12 Module Introduction 6:21:30 Building NextJS Apps Your Options 6:29:36 Key Deployment Steps 6:32:42 Checking & Optimizing Our Code 6:35:53 The NextJS Config File & Working With Enviro 6:50:20 Running a Test Build & Reducing Code Size 6:57:41 A Full Deployment Example (To Vercel) 7:15:22 A Note On Github & Secret Credentials 7:17:19 Using the export Feature 7:19:36 Module Summary Authentication\ 7:20:14 Module Introduction 7:21:31 Our Starting Project 7:23:16 How Does Authentication Work (In React & Nex 7:37:40 Using The next-auth Library 7:40:44 Adding A User Signup API Route 7:53:44 Sending Signup Requests From The Frontend 8:03:25 Improving Signup With Unique Email Addresses 8:06:26 Adding the Credentials Auth Provider & User 8:20:34 Sending a Signin Request From The Frontend 8:27:26 Managing Active Session (On The Frontend) 8:33:24 Adding User Logout 8:35:43 Adding Client-Side Page Guards (Route Protec 8:43:33 Adding Server-Side Page Guards (And When To 8:51:14 Protecting the Auth Page 8:57:01 Using the next-auth Session Provider Compone 9:02:16 Analyzing Further Authentication Requirement 9:05:58 Protecting API Routes 9:12:36 Adding the Change Password Logic 9:23:13 Sending a Change Password Request From The F 9:32:30 Module Summary & Final Steps NextJS Summary\ 9:35:59 Module Introduction 9:39:03 What is NextJS 9:43:49 Key Feature Server-side (Pre-) Rendering of 9:50:27 Key Feature File-based Routing 9:53:40 Key Feature Build Fullstack Apps With Ease 9:55:31 Creating a NextJS Project & IDE Setup 10:01:11 Analyzing the Created Project 10:04:04 Adding First Pages To The Project 10:10:10 Adding Nested Pages Paths 10:13:57 Creating Dynamic Pages 10:17:34 Extracting Dynamic Route Data 10:21:42 Linking Between Pages 10:28:55 Onwards To A Bigger Project! 10:32:28 Preparing Our Project Pages 10:36:10 Rendering A List Of (Dummy) Meetups 10:41:14 Adding A Form For Adding Meetups 10:45:10 The File & Wrapper Components 10:51:27 Programmatic Navigation 10:55:14 Adding Custom Components & Styling With CSS 11:05:15 How NextJS Page Pre-Rendering Actually Work 11:11:07 Introducing Data Fetching For Page Generati 11:20:04 More Static Site Generation (SSG) With getS 11:25:48 Exploring getServerSideProps 11:32:16 Working With Dynamic Path Params In getStat 11:37:30 Dynamic Pages & getStaticProps & getStaticP 11:44:47 Introducing API Routes 11:51:08 Connecting & Querying a MongoDB Database

Share with your friends

Link:

Embed:

Video Size:

Custom size:

x

Add to Playlist:

Favorites
My Playlist
Watch Later