Next.js - Видеоуроки, курсы, туториалы
Next.js является фреймворком для создания приложений React с автоматической поддержкой рендеринга на стороне сервера, что приводит к повышению производительности по сравнению с «ванильным» реактом. Фреймворк также предлагает нулевую конфигурацию, автоматическое разделение кода и prefech из коробки.
Популярное в next.js
NestJS Server-Sent Events: создаём криптодашборд в реальном времени
Shopping App с использованием Next.js, NestJS и Prisma
Magic UI Pro
Создание клона Jira
Курс Ultimate Next.js 15 + Книга
React с Удовольствием
Next.js для создания интернет-магазинов
Аутентификация за 20 минут с Clerk: Next.js + NestJS
Источники о next.js
Next.js в разделах
Курсы по next.js
Michael Guay
25 окт. 2025 г., 01:54
NestJS Server-Sent Events: создаём криптодашборд в реальном времени
NestJS Server-Sent Events | Build a Real Time Crypto Dashboard
В этом уроке вы узнаете, как реализовать Server-Sent Events (SSE) в NestJS, чтобы передавать данные в реальном времени из бэкенда на Next.js-дэшборд криптовалют.Мы настроим потоковое соединение, позволяющее обновлять курс криптовалют и графики без перезагрузки страницы, создавая динамичный интерфейс с живыми данными.
Michael Guay
25 окт. 2025 г., 01:08
NestJS + Next.js: событийно-ориентированная архитектура
NestJS + Next.js: Event Driven Architecture
В этом уроке вы узнаете, как построить событийно-ориентированную архитектуру, которая объединяет NestJS на бэкенде и Next.js на фронтенде с помощью EventEmitter и Server-Sent Events (SSE).К концу занятия вы создадите полноценную систему реального времени, где NestJS генерирует и обрабатывает события, а Next.js мгновенно реагирует на них в интерфейсе. Такой подход идеально подходит для приложений с живыми уведомлениями, фоновыми процессами и динам
Michael Guay
25 окт. 2025 г., 01:02
Аутентификация за 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 и
Nikandr Surkov
26 авг. 2025 г., 01:27
Создание вирусных приложений для Telegram
Build Viral Telegram Apps Course
Научитесь разрабатывать Telegram Mini Apps с нуля до результата: игровой механике, платежной интеграции (TON и Telegram Stars), встроенным вирусным элементам и защите от читеров. Вы получите точный код, на котором работают 50% топовых игр Telegram.
Mckay Wrigley (takeoff)
6 авг. 2025 г., 15:50
Full-Stack проект с Claude Code
Full-Stack Project with Claude Code
В этом воркшопе участники шаг за шагом создают MVP-клон FigJam - визуального редактора для совместной работы - с помощью Claude Code, Opus 4, Cursor IDE и шаблона McKay’s App Template (на базе Next.js + Supabase + Clerk).
Mckay Wrigley (takeoff)
5 авг. 2025 г., 23:44
Планирование с Claude Code
Planning with Claude Code
В воркшопе участники создают простой front-end проект - генератор лендингов (маркетинговых страниц) - с помощью Claude Code и Next.js. В центре внимания не столько сам код, сколько организация рабочего процесса, планирование задач и использование Claude как AI-помощника в разработке.
Code With Antonio
31 июл. 2025 г., 00:34
Разработка клона, который полюбят: от идеи до деплоя
Build and Deploy a Lovable Clone
В этом курсе вы с нуля создадите AI-платформу для генерации приложений. Вы научитесь строить полнофункциональные full-stack приложения из простых текстовых запросов с помощью программируемых AI-агентов, работающих на Inngest. Для генерации кода будут использоваться модели OpenAI, Anthropic и Grok, а выполнение задач будет происходить в изолированных облачных песочницах с использованием E2B и Docker. Курс охватывает архитектуру агентов, оркестраци
Узнать больше о 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 приложений.