Сайт проката авто

Роль

Fullstack Developer / UI Designer

Стек

Next.js 16, React 19, TypeScript, Tailwind CSS 4, shadcn/ui, Prisma, SQLite, Zod, JWT/Bcrypt, PM2, Nodemailer, Sharp

Команда

Solo Development

Задачи и цели

• Созать сайт-каталог авто с фильтрацией, карточками моделей и онлайн-заявками.
• Реализовать возможность управления автопарком, фото, контентом и бронированиями.
• Адаптация под мобильные телефоны (сайт/админка).

Реализация

Спроектировал архитектуру проекта на Next.js App Router: серверный рендеринг, динамические SEO-страницы для каждого автомобиля, Zod-валидация форм, JWT/bcrypt-авторизация, Sharp-оптимизация изображений, email-уведомления и production-деплой под PM2.

Результаты

• Для каждого автомобиля генерируется отдельная SEO-страница с уникальными метаданными.
• Каталог индексируется не как одна витрина, а как набор посадочных страниц под конкретные модели.
• Заявки, автопарк, галереи и контент управляются без разработчика.
• Админ-панель адаптирована под мобильную операционную работу.
• Усилены авторизация, валидация и защита административных сценариев.

Тест на Google Speed Insights

• Посмотреть результаты на Google Speed Insights

Клиентский сайт: мобильная версия

Клиентский сайт: desktop

Админ-панель: мобильная версия

Админ-панель: desktop