Next.js - Видеоуроки, курсы, туториалы
Next.js является фреймворком для создания приложений React с автоматической поддержкой рендеринга на стороне сервера, что приводит к повышению производительности по сравнению с «ванильным» реактом. Фреймворк также предлагает нулевую конфигурацию, автоматическое разделение кода и prefech из коробки.
Популярное в next.js
Популярные авторы и школы курсов в категории Next.js
Next.js в разделах
Next.js: Список курсов
Pedro Henrique MachadoNext.js
NextJS для начинающих: выход на новый уровень
Next Level NextJS for Beginners
Освойте Next.js с нуля — шаг за шагом, с современными паттернами, реальными проектами и пониманием того, почему всё работает именно так. Этот курс создан для тех, кто хочет перестать чувствовать себя потерянным в App Router, Server и Client Components, кэшировании, API-роутах и деплое — и начать уверенно строить production-ready приложения.Изучение Next.js часто кажется перегруженным: большинство туториалов сразу прыгают в сложные примеры, не объ
Adrian Hajdin
jsmastery.proNext.js
Полный курс по тестированию Next.js приложений
The Complete Next.js Testing Course
Освойте продакшен-уровень тестирования в Next.js всего за один курс — и закройте ключевой пробел между собой и уровнем senior-разработчика.Большинство разработчиков деплоят проекты «на удачу». Лишь единицы пишут действительно надежные тесты, которые ловят реальные баги до выхода в продакшен. Этот курс создан именно для того, чтобы вы вошли в их число.Вы узнаете, почему подход «написал пару unit-тестов и успокоился» не работает, как выстроить полн
Michael GuayNext.jsNestJSДругое (ИИ)
Создание 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 HoltNext.js
Создание Fullstack-приложения на Next.js, v4
Build a Fullstack Next.js App, v4
Научитесь создавать и развёртывать полнофункциональные fullstack-приложения на Next.js, готовые к работе в продакшене. В рамках курса вы разработаете корпоративную wiki-систему с аутентификацией, интеграцией базы данных, AI-функциями и современными подходами к деплою.Присоединяясь к практическим занятиям, вы освоите:Создание полноценного fullstack-приложения, пригодного для использования и публикацииСовременную аутентификацию с ролевой моделью до
Code With AntonioReact.jsNext.js
Разработка и внедрение AI-автоматизированного SaaS-сервиса
Build and Deploy an AI Automation SaaS
В этом курсе мы создадим Nodebase — полноценную платформу для автоматизации рабочих процессов с нуля. Вы научитесь разрабатывать визуальный drag-and-drop конструктор для создания workflow-сценариев, подключать различные триггеры и AI-провайдеров, организовывать выполнение задач в фоне и строить полноценный SaaS-функционал: аутентификацию, подписки и paywall-модели монетизации.Также мы разберём систему отслеживания ошибок и AI-мониторинга, а ещё —
Michael GuayNext.jsNestJS
NestJS Server-Sent Events: создаём криптодашборд в реальном времени
NestJS Server-Sent Events | Build a Real Time Crypto Dashboard
В этом уроке вы узнаете, как реализовать Server-Sent Events (SSE) в NestJS, чтобы передавать данные в реальном времени из бэкенда на Next.js-дэшборд криптовалют.Мы настроим потоковое соединение, позволяющее обновлять курс криптовалют и графики без перезагрузки страницы, создавая динамичный интерфейс с живыми данными.
Michael GuayNext.jsNestJS
NestJS + Next.js: событийно-ориентированная архитектура
NestJS + Next.js: Event Driven Architecture
В этом уроке вы узнаете, как построить событийно-ориентированную архитектуру, которая объединяет NestJS на бэкенде и Next.js на фронтенде с помощью EventEmitter и Server-Sent Events (SSE).К концу занятия вы создадите полноценную систему реального времени, где NestJS генерирует и обрабатывает события, а Next.js мгновенно реагирует на них в интерфейсе. Такой подход идеально подходит для приложений с живыми уведомлениями, фоновыми процессами и динам
Michael GuayNext.jsNestJS
Аутентификация за 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 GuayTypeScriptReact NativeNext.jsNestJS
Создаём 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
udemyMichael GuayNext.jsNestJS
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 бла
Узнать больше о 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 приложений.