Изучите Next JS у отраслевых экспертов, используя лучшие современные практики. Единственный курс Next JS + курс по проектам, который вам нужен, чтобы изучить Next JS, создавать приложения React корпоративного уровня с нуля и получить работу в качестве разработчика Next.js в 2023 году.
Создавайте НАСТОЯЩИЕ приложения NextJS корпоративного уровня и развертывайте их в продакшн среде
Изучите новейшие функции и инструменты экосистемы NextJS, в том числе: SWR (React Hooks), Hasura, Serverless Functions, Vercel, Framer Motion и др.
Использование GraphQL
Настройте аутентификацию и учетные записи пользователей (включая вход без пароля!)
Узнайте о SEO и о том, как использовать NextJS для повышения рейтинга ваших приложений в Google.
Научитесь руководить проектами Next JS, принимая правильные архитектурные решения и помогая другим в вашей команде
Научитесь создавать реактивные, производительные, крупномасштабные приложения
Изучите различные методы рендеринга: создание статического сайта, рендеринг на стороне сервера, инкрементную статическую регенерацию, гидратацию и т. д.
Станьте одним из 10% лучших разработчиков NextJS
Используйте Airtable (набирающий популярность) для создания полнофункциональных приложений.
Освойте новейшую экосистему разработчика NextJS с нуля
Использование последней версии ES6 / ES7 / ES8 / ES9 / ES10 / ES2020 / ES2021 JavaScript для написания чистого кода
Посмотреть больше
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Ограничение времени просмотра
Вы можете просматривать пробный урок только 10 минут. Получите полный доступ, чтобы смотреть без ограничений.
Benefits of Next.js and Different Rendering Techniques
Урок 8.
00:06:12
Performance with Next.js
Урок 9.
00:04:36
Image Component in Next.js
Урок 10.
00:06:12
File Based Routing and SEO
Урок 11.
00:02:00
Serverless Functions in Next.js
Урок 12.
00:07:18
Next.js vs Create React App
Урок 13.
00:11:58
Project Overview: What Are We Building?
Урок 14.
00:03:40
Create Next.js App Zero Config
Урок 15.
00:06:02
Editor Setup VS Code
Урок 16.
00:13:39
Next.js Setup Project Walkthrough - Part 1
Урок 17.
00:08:25
Next.js Setup Project Walkthrough - Part 2
Урок 18.
00:04:13
What Is Tailwind CSS?
Урок 19.
00:03:33
Let's Get Ready for the Home Page!
Урок 20.
00:07:49
App Background
Урок 21.
00:01:37
Next.js Fonts Walkthrough
Урок 22.
00:05:11
Next.js Google Fonts
Урок 23.
00:06:45
Using Multiple Fonts
Урок 24.
00:07:07
Using Local Fonts
Урок 25.
00:02:48
Metadata API
Урок 26.
00:04:36
What Are Server Components?
Урок 27.
00:04:05
Why Do We Need Server Components?
Урок 28.
00:07:24
When to Use Server vs. Client Components
Урок 29.
00:08:26
Walkthrough of the Blog App Architecture
Урок 30.
00:01:47
Code Walkthrough of the Blog App
Урок 31.
00:07:32
Exercise: Server Components
Урок 32.
00:05:03
Solution: Server Components
Урок 33.
00:03:00
Exercise: Moving Client Components Down the Tree
Урок 34.
00:00:51
Solution: Moving Client Components Down the Tree
Урок 35.
00:04:20
Let’s Add Our Client Component Banner!
Урок 36.
00:02:34
Introduction to Routing
Урок 37.
00:01:53
Routing Terminology
Урок 38.
00:03:01
Dynamic Routing
Урок 39.
00:06:45
Dynamic Routing Example
Урок 40.
00:05:58
Catch All Routes
Урок 41.
00:07:49
Differences between Catch All and Dynamic Routes
Урок 42.
00:05:44
Exercise: Routing
Урок 43.
00:04:18
Link Component
Урок 44.
00:02:10
Nested Routes Link
Урок 45.
00:04:42
Dynamic Pages with Link Component
Урок 46.
00:05:17
Exercise: Link Component Routing
Урок 47.
00:06:31
What is SEO?
Урок 48.
00:04:39
Client Rendering vs. Server Rendering
Урок 49.
00:03:40
Pre-Rendering Hydration
Урок 50.
00:02:55
Different Rendering Techniques
Урок 51.
00:06:03
Static Site Generation (SSG)
Урок 52.
00:07:29
Server-Side Rendering (SSR)
Урок 53.
00:06:06
Incremental Site Regeneration (ISR)
Урок 54.
00:04:44
Client-Side Rendering (CSR)
Урок 55.
00:04:29
Code Walkthrough
Урок 56.
00:02:56
Data Caching
Урок 57.
00:01:46
Fetch API Twist in Next.js
Урок 58.
00:06:58
Implement SSG
Урок 59.
00:06:46
Implement ISR
Урок 60.
00:07:01
Implement SSR
Урок 61.
00:03:58
Project Architecture
Урок 62.
00:02:15
Card Server or Client Component?
Урок 63.
00:07:59
Build Card Component
Урок 64.
00:09:24
Add Coffee Stores on Page
Урок 65.
00:02:06
Image Component Blur
Урок 66.
00:09:42
Mapbox API Setup
Урок 67.
00:05:30
Environment Variables
Урок 68.
00:07:37
generateStaticParams API
Урок 69.
00:09:37
generateStaticParams
Урок 70.
00:06:02
Mapbox Library
Урок 71.
00:03:56
Transform Coffee Data
Урок 72.
00:02:26
Data Fetching Walkthrough with Fetch
Урок 73.
00:03:26
Unique ID
Урок 74.
00:02:07
Transform Coffee Store Data
Урок 75.
00:07:34
Unique ID
Урок 76.
00:04:00
Coffee Store Page Styling
Урок 77.
00:02:12
Generate Static Params
Урок 78.
00:05:41
Setup Unsplash
Урок 79.
00:04:20
Setup Unsplash API
Урок 80.
00:03:32
Geolocation API
Урок 81.
00:06:47
Server or Client Component Dilemma
Урок 82.
00:03:20
Refactor Components
Урок 83.
00:02:34
Implement Handle Track Location
Урок 84.
00:02:38
Server Cannot Be Child Component
Урок 85.
00:05:53
Loading in Geolocation
Урок 86.
00:05:33
Find Lat Long
Урок 87.
00:01:58
Error Handling
Урок 88.
00:01:29
Stores Near Me
Урок 89.
00:04:33
What Are Route Handlers?
Урок 90.
00:01:19
Implement Route Handler
Урок 91.
00:06:20
Call Route Handler
Урок 92.
00:10:20
Dynamic Route Handler
Урок 93.
00:09:25
Walkthrough of the Coffee Store Page
Урок 94.
00:04:56
Best Spot to Invoke Store
Урок 95.
00:04:03
Setup Airtable
Урок 96.
00:03:40
Airtable API
Урок 97.
00:04:10
Architecture Airtable
Урок 98.
00:05:18
Find Record by ID
Урок 99.
00:07:54
Refactor Code
Урок 100.
00:08:52
Create Coffee Store
Урок 101.
00:03:32
Upvote Design
Урок 102.
00:06:36
Voting Count
Урок 103.
00:04:31
Server Actions
Урок 104.
00:07:50
Server Actions Walkthrough
Урок 105.
00:06:25
Routing Server Actions
Урок 106.
00:02:29
Exercise: Server Actions
Урок 107.
00:04:40
Solution: Server Actions
Урок 108.
00:05:33
Create Server Action in Content Security Policy (CSP)
Урок 109.
00:08:40
Update Coffee Store
Урок 110.
00:05:38
Pass ID
Урок 111.
00:03:17
UseFormState
Урок 112.
00:07:26
Loading States Server Action
Урок 113.
00:04:26
Error Page
Урок 114.
00:08:22
Loading Coffee Store Page
Урок 115.
00:05:42
Metadata
Урок 116.
00:07:09
npm run build
Урок 117.
00:06:51
Github Deployment
Урок 118.
00:07:22
Prod Test
Урок 119.
00:05:29
Lighthouse Test
Урок 120.
00:05:14
Image Lighthouse
Урок 121.
00:09:06
Lighthouse Accessibility Score
Урок 122.
00:05:04
Aspect Ratio Image Lighthouse
Урок 123.
00:06:00
Lighthouse Image Run Test
Урок 124.
00:09:15
Exercise: Imposter Syndrome
Урок 125.
00:04:30
Project Overview
Урок 126.
00:09:57
Setting Up Our Master Project
Урок 127.
00:05:34
Setup Fonts
Урок 128.
00:02:56
Add Font to _Document
Урок 129.
00:03:34
Global App Styling
Урок 130.
00:04:10
Netflix Component Architecture
Урок 131.
00:07:16
Banner Component
Урок 132.
00:06:00
Banner Component Structure
Урок 133.
00:08:58
Banner Component Button With Font
Урок 134.
00:07:03
Icons with Google Fonts
Урок 135.
00:00:52
NavBar Component Structure
Урок 136.
00:08:59
NavBar Component Styling
Урок 137.
00:06:15
NavBar Router
Урок 138.
00:06:51
NavBar Dropdown
Урок 139.
00:09:30
NavBar Logo Icons
Урок 140.
00:07:52
Card Component Architecture
Урок 141.
00:08:17
Card Component Structure
Урок 142.
00:05:20
Card Component Size
Урок 143.
00:05:45
Card Component Error Handling
Урок 144.
00:03:06
Card Component Image Error
Урок 145.
00:04:20
Framer Motion with Card
Урок 146.
00:04:50
Implement Framer Motion with Card
Урок 147.
00:08:56
Section Cards Architecture
Урок 148.
00:05:43
Section Cards Structure
Урок 149.
00:01:15
Section Cards Styling
Урок 150.
00:06:07
Card Scaling Feature
Урок 151.
00:10:20
Refactor Section Cards Component
Урок 152.
00:02:45
Youtube API Overview
Урок 153.
00:05:00
Which Youtube API To Use?
Урок 154.
00:06:01
Implement Youtube Search API
Урок 155.
00:10:38
Implement Youtube Search API (continued)
Урок 156.
00:09:34
Data Fetching Technique: Server Side Rendering
Урок 157.
00:04:32
Serverside Rendering (SSR) Rules in Next.js
Урок 158.
00:09:17
Implement Serverside Rendering (SSR) to Fetch Videos
Урок 159.
00:05:55
Youtube API: Google Console Project
Урок 160.
00:03:08
Invoke Youtube API
Урок 161.
00:03:49
Implement More Sections For Videos
Урок 162.
00:05:03
Error Handling for Video Library
Урок 163.
00:07:57
Popular Videos API Docs
Урок 164.
00:04:28
Implement Popular Videos
Урок 165.
00:03:50
Section Overview
Урок 166.
00:09:36
What is Passwordless Authentication?
Урок 167.
00:08:26
Overview of Sign-in Page
Урок 168.
00:04:03
Setup of Sign-in Page
Урок 169.
00:07:28
Sign-in Header Component
Урок 170.
00:08:55
Sign-in Page Structure
Урок 171.
00:08:55
Sign-in Page Styling
Урок 172.
00:04:57
Sign-in Form Validation
Урок 173.
00:07:03
Sign-in Routing To Dashboard
Урок 174.
00:02:20
What is Magic Links?
Урок 175.
00:06:10
Setup Magic Account
Урок 176.
00:08:35
Install Magic in App
Урок 177.
00:09:33
Magic API Keys
Урок 178.
00:04:01
Magic SDK (continued)
Урок 179.
00:04:16
Magic Docs For Login
Урок 180.
00:08:36
Magic Implementation
Урок 181.
00:01:18
Magic SDK Storage and Routing
Урок 182.
00:06:44
Magic Loading State
Урок 183.
00:05:16
Routing Delay with Login
Урок 184.
00:08:14
Username on NavBar
Урок 185.
00:08:05
SignOut a User
Урок 186.
00:02:26
App Route once LoggedIn
Урок 187.
00:06:36
Routing Flicker with Login
Урок 188.
00:06:27
Loading Component
Урок 189.
00:05:00
Project Architecture
Урок 190.
00:06:18
What Are We Building and Video Id Page Route
Урок 191.
00:02:49
Create Dynamic Route: Video Id Page
Урок 192.
00:06:35
Link Dynamic Page to Card Component Routing
Урок 193.
00:07:05
Connect Link Component
Урок 194.
00:07:31
Connect Banner Component
Урок 195.
00:05:45
React Modal Docs
Урок 196.
00:06:30
Install React Modal Component
Урок 197.
00:08:47
Modal Component Styles
Урок 198.
00:06:18
Implement Youtube API Player & Docs
Урок 199.
00:02:29
Youtube Player Styling
Урок 200.
00:04:59
Modal Component Structure
Урок 201.
00:03:44
Modal Styling
Урок 202.
00:05:40
Which Data Fetching Techniques To Use?
Урок 203.
00:03:56
What is Incremental Static Regeneration?
Урок 204.
00:05:59
Incremental Static Regeneration Fallback
Урок 205.
00:07:14
ISR (Incremental Static Regeneration) Demo and Next Steps
Урок 206.
00:09:24
Incremental Static Regeneration (ISR) Docs
Урок 207.
00:07:19
Implement Incremental Static Regeneration (ISR)
Урок 208.
00:08:58
Incremental Static Regeneration with Youtube API Docs
Урок 209.
00:06:56
Architectural Diagram
Урок 210.
00:03:46
Youtube API by ID
Урок 211.
00:06:36
Fix Link Component Route
Урок 212.
00:02:58
ISR Query Params
Урок 213.
00:04:34
Navbar Component
Урок 214.
00:08:13
YouTube Quota Limit: Test Data
Урок 215.
00:04:31
Section Overview
Урок 216.
00:05:59
Why GraphQL?
Урок 217.
00:06:54
What is GraphQL?
Урок 218.
00:09:18
GraphQL Example
Урок 219.
00:08:46
GQL Query vs Mutation
Урок 220.
00:07:13
What is Hasura?
Урок 221.
00:06:15
Hasura API Explorer
Урок 222.
00:04:23
Hasura Dashboard and Signup
Урок 223.
00:03:51
Hasura Setup DB
Урок 224.
00:04:26
Hasura Create PostGres DB
Урок 225.
00:03:38
Hasura DB Architecture
Урок 226.
00:04:26
Hasura DB Architecture (continued)
Урок 227.
00:02:54
Setup DB
Урок 228.
00:03:56
Hasura Try Out Tables
Урок 229.
00:02:57
Query Live Hasura Server
Урок 230.
00:08:34
Query Live Hasura Server with Environment Variables
Урок 231.
00:01:45
Hasura User Roles
Урок 232.
00:08:33
User Roles: Why JWT (JSON Web Tokens)
Урок 233.
00:04:18
What is JWT (JSON Web Token)
Урок 234.
00:09:22
JWT (JSON Web Token) Secret
Урок 235.
00:03:14
Create JWT Secret and Update Roles
Урок 236.
00:07:44
Section Overview
Урок 237.
00:07:06
Authentication Architecture
Урок 238.
00:04:28
Login API
Урок 239.
00:03:19
Login API Architecture
Урок 240.
00:04:50
Login API Create Auth Header
Урок 241.
00:07:26
Login API Magic Server Side SDK
Урок 242.
00:05:20
Login API Magic Server Side SDK Testing
Урок 243.
00:01:17
Login API JWT (JSON Web Token) Docs
Урок 244.
00:10:25
Login API Create JWT (JSON Web Token)
Урок 245.
00:02:25
Login API Hasura Check New User
Урок 246.
00:05:42
Login API Check New User Query
Урок 247.
00:04:40
Login API Refactor
Урок 248.
00:08:51
Login API New User Hasura Dashboard
Урок 249.
00:04:16
Login API Create New User Mutation
Урок 250.
00:07:34
Login API Overview and Cookie
Урок 251.
00:06:54
Login API Set Token Cookie
Урок 252.
00:04:58
Login API Set Token Cookie Testing
Урок 253.
00:05:46
Login API Cleanup
Урок 254.
00:05:50
Invoke Login API on Login
Урок 255.
00:07:33
Section Overview
Урок 256.
00:05:55
App Architecture
Урок 257.
00:05:28
Like and Dislike Button Functionality
Урок 258.
00:07:23
Like and Dislike Button Styling
Урок 259.
00:06:24
Like and Dislike Button States
Урок 260.
00:06:38
Stats Rating API Architecture
Урок 261.
00:05:10
Stats API Creation
Урок 262.
00:06:41
Build Stats with Request Cookies
Урок 263.
00:05:46
Stats API Overview with JWT Verification
Урок 264.
00:07:36
Stats API JWT Verification
Урок 265.
00:05:18
Stats API Design GraphQL
Урок 266.
00:06:53
Stats API Design Find User By ID
Урок 267.
00:06:40
Find User By Id GraphQL
Урок 268.
00:07:25
Use Query String For Video ID
Урок 269.
00:02:29
Conditional Logic Does Video Exist?
Урок 270.
00:05:33
GraphiQL: Insert and Update Mutation
Урок 271.
00:05:19
Stats API Use Insert and Update Mutation
Урок 272.
00:06:08
Stats API Testing
Урок 273.
00:05:03
Insert And Update Mutation Implementation
Урок 274.
00:06:25
Stats API Wrap
Урок 275.
00:05:48
Overview of Like Dislike Functionality
Урок 276.
00:04:38
Like Dislike Functionality
Урок 277.
00:08:15
Like Dislike Functionality Testing
Урок 278.
00:05:39
Stats API Design: GET Request
Урок 279.
00:09:37
Tweak Stats API GET Request
Урок 280.
00:07:24
Stats API Refactor
Урок 281.
00:04:08
Invoke Stats API on Frontend
Урок 282.
00:10:32
Watch It Again Architecture
Урок 283.
00:05:28
Watch it Again Query Hasura
Урок 284.
00:08:03
Watch it Again Call in SSR (ServerSide Rendering)
Урок 285.
00:04:03
Render Watch it Again Section on Page
Урок 286.
00:02:14
High Resolution Images in the App
Урок 287.
00:09:16
Cookies inside SSR (ServerSide Rendering)
Урок 288.
00:01:54
Redirects in SSR (ServerSide Rendering)
Урок 289.
00:05:21
Create Redirect User Hook
Урок 290.
00:09:37
Testing the Redirect User Hook
Урок 291.
00:02:05
My List Page Architecture
Урок 292.
00:08:47
Build My List Page
Урок 293.
00:04:36
Styling My List Page
Урок 294.
00:03:56
Hasura Query for My List Page
Урок 295.
00:09:26
Server Side Render My List Page
Урок 296.
00:04:01
Wrap Cards in My List Page
Урок 297.
00:03:11
Logout Assignment
Урок 298.
00:04:21
Middleware Introduction
Урок 299.
00:03:43
Middleware - Let's Try it Out
Урок 300.
00:09:35
Middleware Implementation Continued
Урок 301.
00:03:16
How To Make Cloud Ready App
Урок 302.
00:03:37
Create Github Repo
Урок 303.
00:08:24
Application Cleanup
Урок 304.
00:10:48
Deployment To Vercel
Урок 305.
00:04:40
Try The App On Vercel
Урок 306.
00:07:09
Application Testing on Vercel
Урок 307.
00:09:15
Run Production Next Build
Урок 308.
00:01:10
Thank You!
Автор - zerotomastery.io
zerotomastery.io
Независимо от того, начинаете ли вы изучать программирование или хотите усовершенствовать свои навыки, Академия Zero To Mastery научит вас React, Javascript, Python, CSS и многим другим вещам, чтобы помочь вам продвинуться по карьерной лестнице, получить работу и добиться успеха в некоторых ведущих компаниях.
This course is really good but should be updated to the last version October 2024 to get all his potential
escaro
Last updated: October 2024 to Complete Next.js Developer in 2024
Coursehunters Team , could you update this course please
Mr. UD
@andrew Please update. It has app router now.
escaro
Could you update this course please
khalidqpq
update this course plz, I`m new to this platform and if of the most of this courses not updated that A wast for my money and time
ctvv3010
this needs some update please admin
shravan.fed
Hello Admin Please update this course.
Anonymous
Please update
k
Please update to 2023!!!
Mikey
Please update to 2023
Russell
update
sativo
Anyone know why the downvotes? Looks like a good course.
Razza
sativo
Actually, rather poor reviews on Udemy as well.
Razza
sativo
Probably because of the very heavy Indian accent of the presenter that makes the material hard to understand. And also she rambles a lot, wasting time.
How can i start learning. Display is music video instead of course :(
vuthuypro2020
vuthuypro2020
ah.maybe by the advertisement
Eh
there is no source code.
CourseHunter Team
Eh
https://github.com/aneagoie/robofriends-hooks
Amstel
Hello Admin, please help in updating the lessons.
Mikey
Please update course
mexadon
hi All can be course updated again as there are two new section?
1. Master Project: Ratings Service and My List Page | Netflix with Next.js
2. Master Project: Deployment | Netflix with Next.js
According to source there is 330 lessons now.
bunny
please update
Anonymous
Any update possible ?
Mikey
Please update course. Hasura and authentication section appear to be out now on ZTM site
feruzatamyradow
is it possible download?
CourseHunter Team
feruzatamyradow
sure yep
mr.rspanish
This voice kills :/
Mubashir
please add resources as well
CourseHunter Team
Mubashir
read the pdf file
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Этот курс предназначен для всех, кто хочет повысить уровень доставки своих приложений с помощью передовых практик и беспрецедентного опыта разработчиков.
Научитесь создавать реальную систему управления обучением (клон Udemy) с использованием стека MERN - JavaScript Next.js React Node MongoDB и Stripe с нуля. Этот проект не только научит вас всему самому лучшему, но и позволит вам получать от этого хороший доход ... да, на этот раз вы не просто собираетесь создать еще один проект, вы собираетесь создать рынок электронного обучения, который генерирует деньги для вас и для ваших пользователей (инстру
Next.js - это фреймворк для создания веб-сайтов React, с рендерингом на стороне сервера, а также статических веб-сайтов. Это проектный курс для изучения Next.js. Мы создадим приложение для музыкальных событий, которое даст вам базовые знания, необходимые для создания ваших собственных приложений и будем использовать Strapi (headless CMS) в качестве нашего бэкенда, но вы можете использовать что угодно.
Устали проходить уроки и изучать инструменты, но никогда ничего не строить? Устали понимать только половину приложения? Готовы вывести свою карьеру на новый уровень? Этот курс предназначен для любого разработчика, который хочет использовать новейшие технологии (Next.js, React, TypeScript, GraphQL, Prisma и т. д.), и на самом деле создать целое приложение, интерфейс и серверную часть, от начала до конца.
(Pre-Sale) Build a ClubHouse Clone with Golang and NextJS
Узнайте, как использовать Golang, Pion и NextJS для создания клона ClubHouse. В этом курсе мы будем использовать ion-sfu, построенный поверх Pion, pion — это реализация webrtc на чистом Go для нашего backend сервера, а на фронтенде мы будем использовать NextJS. ** ClubHouse Clone означает клонирование функций и логики, пользовательский интерфейс был переработан.
Leigh Halliday
Jason Shen
Coursehunters Team , could you update this course please
1. Master Project: Ratings Service and My List Page | Netflix with Next.js
2. Master Project: Deployment | Netflix with Next.js
According to source there is 330 lessons now.