В этой статье мы делимся подробным кейсом по созданию интернет-магазина на Laravel и Nuxt 3. Команда WebSeed реализовала проект для крупного оптового поставщика, включающего 12 000+ товаров, интеграцию с 1С, корзину, фильтры и бонусную систему. Разберем ключевые этапы пошагово.
1. Цель проекта
Клиенту требовалось создать быстрый, масштабируемый интернет-магазин с удобной админкой, высокой скоростью загрузки и возможностью постоянного расширения функционала. Ключевые задачи: интеграция с 1С, реализация бонусной системы и удобная клиентская часть.
2. Выбор стека
Laravel — для построения API, авторизации, управления данными и интеграций;
Nuxt 3 (SSR) — для фронтенда с отличной SEO-оптимизацией и высокой скоростью;
TailwindCSS — для создания чистого и адаптивного интерфейса;
Filament — для удобной и настраиваемой админ-панели.
3. Прототипирование
Перед разработкой мы создали Figma-макеты страниц и согласовали поведение ключевых элементов: фильтров, карточек товаров, корзины и личного кабинета. Упор был сделан на UX и адаптацию под мобильные устройства.
4. Backend на Laravel
Мы реализовали REST API с авторизацией через Laravel Sanctum, организовали обработку большого каталога товаров, синхронизацию с 1С и логику по бонусам. Каждое действие было покрыто логированием и валидацией.
5. Frontend на Nuxt 3
Клиентская часть была реализована с SSR, что обеспечило высокие оценки в PageSpeed и отличную индексацию. Использовался Pinia для управления состоянием, анимации и кэширование обеспечили быстрый UX даже на слабых устройствах.
6. Админ-панель на Filament
Для менеджеров была реализована простая и гибкая админка на Filament: управление товарами, пользователями, заказами, скидками и отчетностью. Интерфейс интуитивный, а роли сотрудников — разграничены.
7. Интеграции и автоматизация
Подключены: 1С для автоматической загрузки остатков, Тинькофф и ЮKassa для оплаты, AmoCRM для заявок. Также реализована система уведомлений через Telegram и e-mail.
8. Результат
Проект завершён за 7 недель. Клиент получил масштабируемый магазин, который выдерживает высокие нагрузки, работает быстро и просто в управлении. После запуска конверсия выросла на 27%, а среднее время обработки заказа сократилось на 35%.
Хотите такой же результат? Обратитесь в WebSeed — мы создадим интернет-магазин, который точно принесёт результат.
