Разработка интернет-магазина на Laravel Filament + Nuxt — по шагам

В этой статье мы делимся подробным кейсом по созданию интернет-магазина на 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 — мы создадим интернет-магазин, который точно принесёт результат.

Читайте эту и другие статьи на нашем сайте: webseed.ru