Задачи

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

Реализация

Разработал масштабируемую fullstack-архитектуру проекта на Next.js (App Router, Server Actions, Prisma, SQLite), внедрив кастомную JWT/bcrypt-авторизацию, Sharp-оптимизацию изображений и добившись оценки 100/100 по Google PageSpeed Insights.

Результаты

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

Тест на Google Speed Insights

Визуальный результат сайта проката авто screen 1
Визуальный результат сайта проката авто screen 2

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

Мобильная версия сайта проката авто screen 1
Мобильная версия сайта проката авто screen 2

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

Desktop-версия сайта проката авто screen 1
Desktop-версия сайта проката авто screen 2

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

Мобильная админ-панель проката авто screen 1
Мобильная админ-панель проката авто screen 2
Мобильная админ-панель проката авто screen 3
Мобильная админ-панель проката авто screen 4

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

Desktop-админка проката авто screen 1
Desktop-админка проката авто screen 2
Desktop-админка проката авто screen 3
Desktop-админка проката авто screen 4
Описание
Fullstack-проект на Next.js: сайт проката авто, админ-панель для управления контентом.
Роль
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
Теги
Fullstack delivery Next.js React TypeScript SEO architecture Production deploy