В этом курсе вы научитесь создавать современное приложение на Next.js, используя новую архитектуру App Directory. Мы разработаем полноценное приложение для покупок (Shopping App) и подробно разберём все ключевые принципы построения современных Next.js-приложений. Также мы подключим бэкенд на NestJS и реализуем хранение данных с помощью Prisma ORM.
Такой подход к архитектуре позволяет совместить высокую производительность и безопасность Next.js благодаря серверному рендерингу с чистым и масштабируемым бэкендом на NestJS. В процессе мы создадим рабочее приложение интернет-магазина, интегрированное с Stripe для приёма платежей, и на практике изучим, как разрабатывать и деплоить полноценное full-stack веб-приложение в продакшен.
Кроме того, мы разберём процесс деплоя в продакшен с помощью AWS и Vercel, настроим непрерывную доставку (CI/CD) и развернём приложение на реальном домене. Это обеспечит автоматическую сборку и публикацию при каждом коммите - без ручных действий.
Весь проект будет защищён с помощью аутентификации на основе JWT, чтобы доступ к приложению имели только авторизованные пользователи. Мы также реализуем реальные обновления в режиме реального времени (WebSockets) - пользователи будут мгновенно получать уведомления при добавлении или покупке товаров. Для этого мы используем Stripe Webhooks.
К окончанию курса вы создадите полностью рабочее приложение и пройдёте через все основные разделы документации Next.js на практике. Полученные знания позволят вам уверенно разрабатывать собственные современные full-stack приложения с нуля до продакшена.
Посмотреть больше
Урок 1.00:08:29
Project Structure
Урок 2.00:06:26
Material UI
Урок 3.00:13:09
Auth Routes
Урок 4.00:04:51
Backend Setup
Урок 5.00:05:04
Users Module
Урок 6.00:14:31
Validation + Config + Logging
Урок 7.00:09:43
Prisma
Урок 8.00:14:06
Create User
Урок 9.00:12:14
Create User Server Action - Part 1
Урок 10.00:08:08
Create User Server Action - Part 2
Урок 11.00:17:05
Local Strategy
Урок 12.00:19:02
Sign JWT
Урок 13.00:10:22
JWT Strategy
Урок 14.00:05:21
JSON Payloads
Урок 15.00:07:15
UI Login Auth
Урок 16.00:12:19
Server Cookies
Урок 17.00:05:22
UI Auth Middleware
Урок 18.00:10:25
Header
Урок 19.00:13:13
Authentication Context
Урок 20.00:14:29
Logout & Navigation
Урок 21.00:06:31
Products Schema
Урок 22.00:08:21
Create Products Backend
Урок 23.00:07:27
Create Product Modal
Урок 24.00:09:43
Create Product Server Action
Урок 25.00:13:55
Get Products
Урок 26.00:04:47
Products Cache
Урок 27.00:10:01
Product Upload Backend
Урок 28.00:14:43
Product Upload UI
Урок 29.00:09:09
Serve Static
Урок 30.00:07:36
Next.js Image
Урок 31.00:13:09
Single Product Routing & Backend
Урок 32.00:14:28
Single Product UI
Урок 33.00:15:11
Stripe Checkout Session
Урок 34.00:11:14
Stripe Checkout Redirect
Урок 35.00:15:02
Stripe Webhooks
Урок 36.00:05:27
Products Filter
Урок 37.00:06:27
Products Gateway
Урок 38.00:09:16
Products WebSockets
Урок 39.00:06:50
WebSocket Authentication
Урок 40.00:14:59
Elastic Beanstalk
Урок 41.00:04:52
Production Code
Урок 42.00:15:47
CodePipeline
Урок 43.00:07:59
Vercel
Урок 44.00:14:04
Custom Domain
Урок 45.00:08:05
Stripe & Images
Урок 46.00:16:13
S3 Image Upload
Урок 47.00:04:04
Updates
Авторы - Michael Guay, udemy
Michael Guay
Michael Guay - профессиональный full-stack инженер с более чем 10 годами опыта разработки корпоративного ПО. Он работает в сфере финансовых технологий и специализируется на производительных backend-системах, микросервисах и современном фронтенде. На своём канале YouTube (24 тыс+ подписчиков) и на Udemy он делится знаниями по темам вроде NestJS, tRPC, Next.js и полной стек-разработке. На его сайте публикует практические кейсы: архитектура, произв
+7
udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
NestJS Microservices: Build a Distributed Job Engine
Освойте искусство создания масштабируемых и распределённых микросервисов на NestJS, разработав с нуля полностью функциональный Job Engine - систему распределённой обработки заданий. Курс научит вас строить микросервисы правильным способом: от архитектуры и проектирования до деплоя и масштабирования в продакшене.Вы начнёте с настройки монорепозитория с Nx, чтобы эффективно управлять несколькими сервисами в едином кодовой базе. С помощью gRPC вы ре
NestJS Microservices: Разработка и развертывание масштабируемого бэкенда
NestJS Microservices: Build & Deploy a Scaleable Backend
NestJS - невероятный бэкенд-фреймворк, который позволяет нам создавать масштабируемые бэкенды на Node.js с минимальной сложностью. Архитектура микросервисов - популярная архитектура, которая позволяет нам создавать и развертывать несколько независимых приложений, взаимодействующих друг с другом через выбранный транспортный уровень.Этот курс разработан для устранения разрыва между NestJS и этой архитектурой микросервисов. Он выходит за пределы док
Микросервисы NestJS: Переход от монолита к микросервисам
NestJS Microservices: Breaking a Monolith to Microservices
Этот курс начнется с предварительно созданного монолита, создание начального приложения в этом курсе не рассматривается. Таким образом, в этом курсе вы сразу же начнете с архитектуры микросервисов. Этот курс предназначен для людей, которые хорошо понимают Javascript и хотят за короткое время изучить более сложные концепции. Я очень ясный и точный в своем способе преподавания, поэтому в этом курсе не будет ненужных объяснений с моей стороны, я объ
Создаём Todo-приложение на Turborepo, tRPC, Next.js, NestJS и React Native
Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native
Прокачайте свои навыки TypeScript на новом уровне, создав полноценное full-stack Todo-приложение с использованием современных инструментов.Вы научитесь работать с Turborepo для управления монорепозиторием и совместного использования кода, использовать PNPM для сверхбыстрой установки зависимостей и строить веб-фронтенд на Next.js и tRPC с полной типобезопасностью.На стороне сервера вы создадите надёжный backend на NestJS, а с помощью Expo и React
Деплой NestJS на Railway с использованием Postgres и Docker
Deploy NestJS on Railway with Postgres & Docker
В этом уроке вы шаг за шагом разберётесь, как задеплоить приложение NestJS на платформу Railway, используя Docker и базу данных PostgreSQL.Вы узнаете, как правильно настроить Dockerfile, прописать переменные окружения и запустить проект в продакшн всего за несколько команд. Независимо от того, создаёте ли вы API или полноценное full-stack-приложение, этот процесс поможет вам быстро и надёжно развернуть свой проект в реальной среде.