Приложение для доставки еды по городу

Кейс: Разработка онлайн-супермаркета для интегратора из Армении

Задача клиента создать производительный и удобный онлайн-супермаркет, который станет новым каналом продаж.

Цель проекта —разработать и запустить современный, адаптированный под мобильные устройства онлайн-супермаркета, который позволит автоматизировать онлайн-продажи, предоставит возможность выбора товаров, онлайн-оплаты и доставки заказов по Еревану.

Что мы сделали:

1. Клиентская часть (Frontend)

• Адаптивный интернет-магазин (Mobile-First)

• Каталог товаров:

• Процесс оформления заказа:

• Личный кабинет пользователя:

• Система приема платежей:

• Система уведомлений:

• Доставка

• Функционал для курьера

2. Административная часть (Backend)

• Управление товарами:

• Управление заказами:

• Управление пользователями:

• Аналитика и отчёты

• Настройка программ лояльности

3. МОДУЛЬ ИНТЕГРАЦИИ С учётной системой

• Способ интеграции: Настройка автоматизированного обмена данными через импорт/экспорт файлов в формате CSV/XLSX

• Выгрузка данных ИЗ учетной системы В интернет-магазин:

• Загрузка данных ИЗ интернет-магазина В учетной системе:

• Логирование: Ведение журнала обмена для отслеживания ошибок синхронизации

4. ИНТЕГРАЦИЯ С ОБЛАЧНОЙ КАССОЙ

5. ТЕХНОЛОГИИ

Компонент Технология

Backend Next.js + Node.js

Frontend React.js + Next.js

Архитектура PWA

База данных PostgreSQL

Кэширование Redis

Аутентификация NextAuth.js + JWT

Администрирование Payload CMS

Общая архитектура решения^

Обоснование выбора технологий:

Next.js + Node.js

• Единая экосистема JavaScript/TypeScript

• SSR/SSG для мгновенной генерации страниц, SEO и мгновенной загрузки

• API Routes – гибкие возможности для реализации бекенд-логики, в т.ч. для работы с внешними сервисами

React.js + PWA

• Обеспечивает компонентный подход для UI, и переключения между страницами без перезагрузки.

• Оффлайн-режим через Service Workers

• Основа для будущего WebView приложения

PostgreSQL + Redis

• Надежное хранение структурированных данных

• Кэширование часто запрашиваемых данных, сессии пользователей и корзины покупок.

Аутентификация: NextAuth.js + JWT токены

• Готовое решение для аутентификации, поддерживающее различные решения для регистрации и авторизации (SMS, email).

Администрирование контента: Payload CMS

• Решение, созданное специально для Next.js, предоставляет базовые возможности для редактирования любых страниц и записей приложения.