Next.js - Видеоуроки, курсы, туториалы
Next.js является фреймворком для создания приложений React с автоматической поддержкой рендеринга на стороне сервера, что приводит к повышению производительности по сравнению с «ванильным» реактом. Фреймворк также предлагает нулевую конфигурацию, автоматическое разделение кода и prefech из коробки.
Популярное в next.js
Создание Fullstack-приложения на Next.js, v4
Тестирование приложений Next.js с Jest, Testing Library и Cypress
React с Удовольствием
Разработка YouTube-клона
Полный курс по тестированию Next.js приложений
Создание вирусных приложений для Telegram
Курс Ultimate Next.js 15 + Книга
Next.js с React и Node - красивое приложение-портфолио
Next.js для создания интернет-магазинов
Популярные авторы и школы курсов в категории Next.js
Next.js в разделах
Next.js: Список курсов
Adrian Hajdin
jsmastery.pro 10 дек. 2025 г., 23:30
Полный курс по тестированию Next.js приложений
The Complete Next.js Testing Course
Освойте продакшен-уровень тестирования в Next.js всего за один курс — и закройте ключевой пробел между собой и уровнем senior-разработчика.Большинство разработчиков деплоят проекты «на удачу». Лишь единицы пишут действительно надежные тесты, которые ловят реальные баги до выхода в продакшен. Этот курс создан именно для того, чтобы вы вошли в их число.Вы узнаете, почему подход «написал пару unit-тестов и успокоился» не работает, как выстроить полн
Michael Guay 28 нояб. 2025 г., 00:18
Создание AI-чатбота с использованием Vercel AI SDK и Gateway
Build an AI Chatbot with Vercel AI SDK & Gateway
В рамках трёхчасового полнофункционального воркшопа вы создадите AI-чатбота с нуля, используя NestJS и Next.js. Вы освоите работу с Vercel AI SDK и Gateway: потоковую передачу сообщений в реальном времени, выполнение tool-вызовов и сохранение диалогов с помощью Drizzle ORM.К завершению занятия вы будете чётко понимать, как интегрировать мощный, готовый к продакшену AI-чат-интерфейс в любое приложение. Если вы планировали добавить AI в свой технол
frontendmasters
Brian Holt 2 нояб. 2025 г., 00:57
Создание Fullstack-приложения на Next.js, v4
Build a Fullstack Next.js App, v4
Научитесь создавать и развёртывать полнофункциональные fullstack-приложения на Next.js, готовые к работе в продакшене. В рамках курса вы разработаете корпоративную wiki-систему с аутентификацией, интеграцией базы данных, AI-функциями и современными подходами к деплою.Присоединяясь к практическим занятиям, вы освоите:Создание полноценного fullstack-приложения, пригодного для использования и публикацииСовременную аутентификацию с ролевой моделью до
Разработка и внедрение AI-автоматизированного SaaS-сервиса
Build and Deploy an AI Automation SaaS
В этом курсе мы создадим Nodebase — полноценную платформу для автоматизации рабочих процессов с нуля. Вы научитесь разрабатывать визуальный drag-and-drop конструктор для создания workflow-сценариев, подключать различные триггеры и AI-провайдеров, организовывать выполнение задач в фоне и строить полноценный SaaS-функционал: аутентификацию, подписки и paywall-модели монетизации.Также мы разберём систему отслеживания ошибок и AI-мониторинга, а ещё —
NestJS Server-Sent Events: создаём криптодашборд в реальном времени
NestJS Server-Sent Events | Build a Real Time Crypto Dashboard
В этом уроке вы узнаете, как реализовать Server-Sent Events (SSE) в NestJS, чтобы передавать данные в реальном времени из бэкенда на Next.js-дэшборд криптовалют.Мы настроим потоковое соединение, позволяющее обновлять курс криптовалют и графики без перезагрузки страницы, создавая динамичный интерфейс с живыми данными.
NestJS + Next.js: событийно-ориентированная архитектура
NestJS + Next.js: Event Driven Architecture
В этом уроке вы узнаете, как построить событийно-ориентированную архитектуру, которая объединяет NestJS на бэкенде и Next.js на фронтенде с помощью EventEmitter и Server-Sent Events (SSE).К концу занятия вы создадите полноценную систему реального времени, где NestJS генерирует и обрабатывает события, а Next.js мгновенно реагирует на них в интерфейсе. Такой подход идеально подходит для приложений с живыми уведомлениями, фоновыми процессами и динам
Аутентификация за 20 минут с Clerk: Next.js + NestJS
Full Stack Authentication in 20 Minutes With Clerk (Next.js + NestJS)
В этом практическом уроке вы освоите аутентификацию во full-stack-приложении всего за 20 минут, используя Clerk — с плавной интеграцией Next.js на фронтенде и NestJS на бэкенде.Вы увидите, как Clerk упрощает весь процесс авторизации — от регистрации до входа пользователя — обеспечивая при этом высокую безопасность и отличный пользовательский опыт.К концу урока вы сможете быстро и уверенно настраивать надёжную, масштабируемую аутентификацию в свои
Michael Guay 25 окт. 2025 г., 00:30
Создаём 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
Shopping App с использованием Next.js, NestJS и Prisma
Build a Shopping App With Next.js + NestJS & Prisma
В этом курсе вы научитесь создавать современное приложение на Next.js, используя новую архитектуру App Directory. Мы разработаем полноценное приложение для покупок (Shopping App) и подробно разберём все ключевые принципы построения современных Next.js-приложений. Также мы подключим бэкенд на NestJS и реализуем хранение данных с помощью Prisma ORM.Такой подход к архитектуре позволяет совместить высокую производительность и безопасность Next.js бла
Code With Antonio 30 авг. 2025 г., 00:56
Создайте и разверните B2B SaaS-платформу поддержки на базе ИИ
Build and Deploy a B2B SaaS AI Support Platform
В этом курсе мы с нуля построим платформу поддержки клиентов на базе ИИ: настроим чат в реальном времени на Convex Agents, добавим голосовую поддержку через VAPI, загрузим документы и соберём базу знаний на эмбеддингах и RAG. Научим ИИ эскалировать диалог человеку или автоматически закрывать запрос. Реализуем рабочие пространства, команды, аутентификацию и биллинг на Clerk. Разберём встраивание виджета чата, безопасное хранение API-ключей в AWS и
Узнать больше о Next.js
Что такое Next.js ?
Next.js это фреймворк для React.js, который позволяет создавать приложения с использованием серверного рендеринга. Он также предоставляет функционал для создания идеальных страниц, инкрементальной передачи и интеграции с Webpack и Babel.
Кто использует Next.js ?
Next.js широко используется в различных отраслях и различными компаниями и организациями. Некоторые из известных компаний и организаций, использующих Next.js, включают: Uber Twitter Ticketmaster Dell Airbnb GitHub и многие другие. Next.js также используется в создании множества сайтов и веб-приложений различных типов, включая интернет-магазины, порталы новостей, блоги и многое другое.
Для чего используют Next.js ?
Next.js используется для создания серверно-рендеринг React приложений. Это означает, что код JavaScript выполняется на сервере при инициализации страницы, а не на клиенте. Это позволяет создавать более быстрые и доступные страницы, которые могут быть индексированы поисковыми системами. Next.js также предоставляет ряд дополнительных функций, таких как: Инкрементальная сборка и развертка кода Поддержка статического и динамического роутинга Поддержка серверной и клиентской предварительной загрузки Автоматическая оптимизация и сжатие изображений и других ресурсов Интеграция с Webpack и Babel для упрощения сборки и транспиляции кода. В целом Next.js используют для создания более быстрых, доступных и легко индексируемых React приложений.