Главная страницаКатегория next.jsNext.js: Следующий уровень

Next.js: Следующий уровень

Name: Next.js: Следующий уровень
Price: 12.5 USD
Rating: 4.8 (50 reviews)

Next Level Next.js

Leigh Halliday

★4.8 (всего оценок - 50)

Продолжительность

7 ч 1 мин

Категория

Next.js

Количество уроков

29 Видео

Дата добавления

12 апр. 2021 г., 20:34

Язык

Английский

Дата обновления

29 апр. 2026 г., 09:53

Этот курс по Next.js поможет вам перейти от разрозненных уроков к полноценной разработке приложений. Вы не просто изучите инструменты — вы создадите реальное, рабочее full‑stack приложение, совмещая современные технологии и лучшие практики веб‑разработки.

Что вас ждёт в этом курсе

Курс ориентирован на разработчиков, которые хотят уверенно использовать Next.js и сопутствующий стек на практике. Каждый модуль выстроен так, чтобы вы не только узнали новую технологию, но и сразу применили её в реальном проекте.

Практическая работа с современным стеком

Вы шаг за шагом соберёте приложение полного цикла — от структуры клиента до конфигурации серверной логики.

Next.js — работа с маршрутизацией, серверными компонентами, рендерингом и оптимизацией.
TypeScript — строгая типизация для надёжного и масштабируемого кода.
GraphQL и TypeGraphQL — создание гибкого API с декларативным описанием схем.
Prisma и Postgres — современная ORM, миграции, эффективная работа с базой данных.
Apollo Client & Server — комплексное решение для запросов, кэширования и взаимодействия клиента с сервером.
Firebase Authentication — безопасная и удобная аутентификация пользователей.
Mapbox — интеграция интерактивных карт и геолокации.
Облачная загрузка изображений — быстрая и безопасная работа с пользовательскими файлами.
Развертывание на Vercel — запуск полностью готового приложения в продакшене.

Кому подойдёт этот курс

Курс разработан для разработчиков, которые:

устали от теории и хотят создать реальное приложение;
хотят понимать каждую часть проекта — от UI до backend;
ищут способ улучшить портфолио и повысить ценность на рынке;
работают с React и хотят перейти на современный Next.js стек.

Ключевые результаты обучения

Вы научитесь

строить мощные full‑stack приложения на Next.js;
проектировать API с GraphQL и TypeGraphQL;
использовать Prisma для быстрого и безопасного доступа к данным;
настраивать аутентификацию и защищённые маршруты;
взаимодействовать с картами и внешними сервисами;
разворачивать приложения в продакшене с автоматической оптимизацией;
понимать современные паттерны веб‑разработки.

Почему этот курс отличается от остальных

Вместо отдельных уроков по технологиям вы получите целостный опыт разработки, проходя путь реального инженера: проектирование, реализация, отладка, деплой и оптимизация.

Результатом станет полностью рабочее приложение, которое вы сможете показать работодателям или использовать как фундамент для собственных проектов.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:03:17
01 Introduction and App Overview
Урок 2. 00:10:07
02 Requirements and Account Setup
Урок 3. 00:10:38
03 Setup and Initial Files
Урок 4. 00:12:17
04 Creating Layout Component and Navigation
Урок 5. 00:19:09
05 Initialize Firebase and Build Auth Provider
Урок 6. 00:19:53
06 Create Auth Page and Add Restricted Route
Урок 7. 00:11:32
07 Render Mapbox Map on Home Page
Урок 8. 00:14:38
08 Start Add House Form with react-hook-form
Урок 9. 00:25:37
09 Add House Form Search with Google Places
Урок 10. 00:19:59
10 Finish Add House Form and Add Image Preview
Урок 11. 00:11:05
11 Initialize Prisma and Create Houses Table
Урок 12. 00:16:10
12 Initialize GraphQL and Apollo Server
Урок 13. 00:10:03
13 Initialize Apollo Client
Урок 14. 00:23:53
14 Upload Image to Cloudinary and our First Mutation
Урок 15. 00:20:40
15 Build Create House Mutation
Урок 16. 00:15:59
16 Create Show House Page and GraphQL Query
Урок 17. 00:10:36
17 Display House on Mapbox Map
Урок 18. 00:12:09
18 Query Nearby Houses and Render on Map
Урок 19. 00:11:27
19 Custom Hook: Remember Map Location
Урок 20. 00:13:50
20 Track Map Bounds (Debounce)
Урок 21. 00:18:50
21 Query Houses Within Bounds
Урок 22. 00:22:09
22 Display Houses on Map
Урок 23. 00:07:49
23 Highlight House Being Hovered on Map
Урок 24. 00:04:59
24 Add Google Places Search to Map
Урок 25. 00:17:22
25 Create Edit House Page (Restricted Route)
Урок 26. 00:27:51
26 Modify House Form to Enable Editing
Урок 27. 00:10:22
27 Create and Call Delete House Mutation
Урок 28. 00:04:54
28 Deploy to Vercel
Урок 29. 00:14:27
29 Bonus! HttpOnly Auth Cookies

https://github.com/leighhalliday/house-course

Автор - Leigh Halliday

Leigh Halliday

Я занимаюсь full stack профессиональным развитием почти 20 лет. В настоящее время я являюсь вице-президентом по разработке в компании FlipGive. Я выпустил более 100 руководств по программированию на YouTube и где у меня более 15к подписчиков.