App Router

Добро пожаловать на курс Next.js Foundations! В этом бесплатном интерактивном курсе вы изучите основные возможности Next.js, создавая полнофункциональное веб-приложение.

Что мы будем создавать

В рамках этого курса мы создадим финансовый дашборд, который будет включать:

• Публичную домашнюю страницу
• Страницу входа в систему
• Защищенные аутентификацией страницы дашборда
• Возможность для пользователей добавлять, редактировать и удалять счета

Дашборд также будет иметь сопутствующую базу данных, которую вы настроите в одной из следующих глав.

К концу курса вы получите основные навыки, необходимые для создания полнофункциональных приложений на Next.js.

Обзор

Вот обзор функций, которые вы изучите в этом курсе:

• Стилизация: Различные способы оформления вашего приложения в Next.js
• Оптимизации: Как оптимизировать изображения, ссылки и шрифты
• Маршрутизация: Как создавать вложенные макеты и страницы с помощью файловой системы маршрутизации
• Получение данных: Как настроить базу данных Postgres на Vercel и лучшие практики получения и потоковой передачи данных
• Поиск и пагинация: Как реализовать поиск и пагинацию с использованием параметров URL
• Изменение данных: Как изменять данные с помощью React Server Actions и перевалидировать кеш Next.js
• Обработка ошибок: Как обрабатывать общие ошибки и ошибки 404 Not Found
• Валидация форм и доступность: Как выполнять серверную валидацию форм и советы по улучшению доступности
• Аутентификация: Как добавить аутентификацию в приложение с помощью NextAuth.js и Middleware
• Метаданные: Как добавлять метаданные и готовить приложение для публикации в соцсетях

Необходимые знания

Этот курс предполагает, что у вас есть базовые знания React и JavaScript. Если вы новичок в React, мы рекомендуем сначала пройти курс React Foundations, чтобы изучить основы React, такие как компоненты, пропсы, состояние и хуки, а также новые функции, такие как Server Components и Suspense.

Системные требования

Перед началом курса убедитесь, что ваша система соответствует следующим требованиям:

• Установлен Node.js версии 18.18.0 или новее. Скачать здесь
• Операционные системы: macOS, Windows (включая WSL) или Linux

Кроме того, вам понадобится аккаунт GitHub и аккаунт Vercel.

Присоединяйтесь к обсуждению

Если у вас есть вопросы по курсу или вы хотите оставить отзыв, вы можете обратиться к нашему сообществу на Reddit или GitHub.