Быстрый курс по Next JS за 2 часа для начинающих

Наглядно и пошагово покажу как установить, создать сайт приложение на 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 Завершение