-
Урок 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