Задачи
- Создать каталог авто с фильтрацией, детальными карточками моделей и онлайн-бронированием.
- Настроить управление автопарком, фотографиями и бронированиями через админку.
- Адаптировать клиентскую часть и админ-панель под мобильные устройства.
Реализация
Спроектировал и реализовал fullstack-архитектуру проекта на Next.js (App Router, Server Actions, Prisma, SQLite). Для автономной работы заказчика создал защищённую админ-панель (JWT, Bcrypt, Zod) с загрузкой и оптимизацией фото на лету через Sharp.
Результаты
- 100/100 в Google PageSpeed Insights — оптимизировал стили, скрипты и медиаресурсы.
- SEO-генерация страниц — для каждой модели авто создаётся отдельная посадочная страница с уникальными метаданными для поисковиков.
- 100% автономность бизнеса — менеджеры управляют автопарком, ценами, галереями и бронированиями с телефона или ПК.
- Безопасность и надёжность — валидация всех данных через Zod и защита административных эндпоинтов.
Тест на Google Speed Insights
- Посмотреть результаты на Google Speed Insights
Клиентский сайт: мобильная версия
Клиентский сайт: desktop
Админ-панель: мобильная версия
Админ-панель: desktop
