Быстрый курс по Next JS за 2 часа для начинающих
Автор: ВебКадеми | Юрий Ключевский
Загружено: 2025-09-16
Просмотров: 5507
Наглядно и пошагово покажу как установить, создать сайт приложение на Next JS, страницы, работать с графикой, собрать и разместить в сети.
👨🏼💻 Телеграм канал с кодом: https://t.me/+9XtDDNBdHAk4Yjhi (пост за 16.09.2025)
Урок по React: • Сайт портфолио на React JS урок для нович...
Курсы ВебКадеми:
📦 HTML верстальщик: https://webcademy.ru/htmlstart
🛠️ Frontend разработчик: https://webcademy.ru/frontend
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
🌍 Сайт ВебКадеми: https://webcademy.ru
ТАЙМ КОДЫ:
00:00 Начало
00:56 Создание приложения
05:59 Обзор стартового проекта
10:53 Настройка редактора .editorconfig и prettier
12:24 Код с урока
12:32 Очистка стартового проекта
15:02 Главная страница.
16:19 Подвал.
18:48 Страница About. Роутер в Next JS
20:30 Страница Contacts
21:17 Ссылки и Навигация
24:12 Алиасы
26:22 Шрифты
29:26 Layout шаблоны
31:38 Компонент Image
39:15 Школа ВебКадеми. Курс по FrontEnd разработке
40:25 Работа с API. Fetch данных. Список пользователей
48:24 Маршурты с параметрами. Отдельная страница пользователя
56:07 Шаблоны: loading, 404 - not found, error.
56:33 loading
59:38 404 - not found
1:03:29 error
1:05:59 Клиентские компоненты
1:09:31 Внутренний API
1:11:58 GET запросы
1:15:06 GET запрос в клиентском компоненте
1:19:55 Дисклеймер!
1:20:55 POST запросы
1:26:53 Дисклеймер!
1:28:18 Метаданные. SEO теги
1:30:53 Production build. Сборка проекта
1:32:07 Исправление антипаттерна
1:48:48 Деплой проекта на Vercel
1:54:31 Смена домена и env переменные
1:57:47 Завершение
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: