Next.js - это фреймворк
для разработки веб-приложений, построенных на базе JavaScript и React. Он предоставляет разработчикам инструменты и структуру для создания высокопроизводительных и масштабируемых приложений, работающих как на стороне сервера, так и на стороне клиента. Вот некоторые ключевые особенности и концепции Next.js:
Рендеринг на стороне сервера (Server-Side Rendering, SSR)
Статическая генерация (Static Site Generation, SSG)
Разработка на клиентской стороне
Роутинг
Автоматическая оптимизация
Поддержка CSS и стилей
API маршруты
Экосистема и плагины
На курсе мы создадим уникальное приложение - Современный клон StackOverflow
Приложение DevOverflow имеет:
Система рекомендаций для должностей (никто этому не учит)
Выборка данных из глобальной базы данных
Искусственный интеллект генерировал ответы на вопросы
Система бейджей и репутации
Мнения и механизм голосования
Фильтрация и разбивка на страницы практически для всех страниц и многое другое
Приступая к работе
Вступление
Предпосылки
То, что было раньше Next.js
Введение в Next.js
Как работает Веб
Настройка проекта (ESLint, Prettier, Git и Github)
Tailwind CSS
Архитектура кода
Маршрутизация, основные концепции и освоение пользовательского интерфейса
Маршрутизация
Архитектура ядра Next.js
Аутентификация
Авторизация
Множественные макеты и сгруппированные маршруты
Использование контекстного API в Next.js
Темная/светлая тема
Разработка отзывчивого пользовательского интерфейса главной страницы
Обработка форм, интеграция с бэкендом и базой данных
React Hook Form & Zod
Разработка пользовательского интерфейса страницы "Задать вопрос
Бэкэнд с Next.js
Интеграция с различными базами данных
Использование MongoDB
Изучение действий сервера
Реализация бэкенда для "Задать вопрос
Различные типы получения данных (SSG, ISR, SSR)
Интеграция вопросов на главную страницу
События в реальном времени и возможности сообщества
Крючки Webhooks
Отзывчивый пользовательский интерфейс страницы сообщества