[СКУПЕРДЯЙ] 7. Начинаем реализацию основного layout (Next.js)

#nextjs #frontend #ui 👋 Всем привет! В этом видео мы переходим к клиентской части и создаём базовую структуру личного кабинета нашего финансового приложения. Реализуем навигацию, боковую панель и шапку с интеграцией Clerk. Ключевые компоненты: 🎨 Боковая панель (Sidebar) с навигацией по разделам и иконками Lucide React 🔖 Шапка (Header) с кнопкой пользователя В этом видео мы: 1️⃣ Создали layout личного кабинета с общей структурой 2️⃣ Реализовали компонент Sidebar с активными пунктами меню 3️⃣ Добавили Header с кнопкой управления профилем 4️⃣ Подготовили заглушки для всех страниц приложения 5️⃣ Настроили навигацию между разделами Весь код проекта:
Спасибо за внимание! В следующем видео наполним страницы реальным содержимым и добавим работу с API. Жду ваши вопросы в комментариях! 🚀

Смотрите также