В 2026 году был разработан и запущен Zerde-Baisat - оптовый интернет-магазин детских игрушек, ориентированный на рынок Казахстана. Проект решает реальную задачу: дать оптовым покупателям удобный инструмент для заказа товаров онлайн без лишних звонков и ручного согласования.
В основе проекта — Next.js 16 с App Router, React 19 и TypeScript. Для стилизации использован Tailwind CSS v4, база данных - Neon Postgres с доступом через Prisma ORM. Авторизация построена на Auth.js v5 (next-auth beta) с поддержкой двух методов входа: Google OAuth и классический логин/пароль. Изображения товаров хранятся в Cloudflare R2 — загрузка происходит напрямую из браузера через presigned URL, что снижает нагрузку на сервер.
Покупатель попадает на главную страницу, где автоматически определяется его город по геолокации. При первом визите система запрашивает согласие на cookies и аналитику. Каталог организован по категориям, каждый товар имеет детальную карточку с фото, описанием, вкладками доставки и оплаты, а также отзывами - оставить отзыв может только тот, кто реально купил товар.
Корзина доступна без регистрации, однако для оформления заказа необходим вход. При оформлении поддерживаются купоны и подарочные сертификаты — скидка пересчитывает итоговую сумму в реальном времени. Оплата — через QR Kaspi или банковский перевод. Доставка — самовывоз или межгород.
В личном кабинете пользователь видит историю заказов с детализацией и отслеживает статусы: от «Заказан» через «Сборку» и «Отправлен» до «Исполнен». После успешного оформления на email приходит подтверждение через Resend.
Администраторы управляют товарами, остатками и заказами через встроенную панель. Каждое действие фиксируется в аудит-логе: система записывает кто, когда и что изменил - создание товара, корректировка остатков, изменение статуса заказа. Это обеспечивает прозрачность и контроль над операциями.
Проект уделяет внимание деталям: корректная работа автозаполнения форм в тёмной теме, Open Graph и Twitter Card метаданные для красивого превью при репосте в соцсети, веб-манифест для установки на мобильный экран, карта сайта для поисковых систем.
Zerde Baisat — это законченный продукт, покрывающий весь путь покупателя: от первого визита на сайт до получения товара и написания отзыва.
К нам обратилась команда молодых ребят из Казахстана, им нужно было создать сайт landing для презентации своих услуг. Они предоставили материалы и картинки портфолио.
По дизайну, они сказали, что пусть будет на наше усмотрение. Но главное требование было интерактивность и всякие ништяки. Дальше на сайте есть функционал оставить заявку. Форма самая простая. Исходя из общего бюджета на разработку. Бюджет был ограниченный.
Были выполнены работы по дизайну в Figma, дальше - вёрстка дизайна. И также подключение функционала, интерактивность.
Мы использовали компоненты от команды Bits. У них очень богатый выбор различных интерактивных компонентов, которые мы с успехом применили в нашей работе.
Описание:
У клиента возникла потребность вести учет товаров: продажи, заказы, закупки, обмены. Также на другом сайте не было админки. В интернет-магазине уже велись продажи, но не было возможности их визуализиловать.
После изучения подобных платформ, наподобие «Мой склад» и других, выяснилось: того, что хотел бы клиент, нет на этих платформах. И мы начали проектировать уникальный сервис для клиента, под его вид бизнеса. В этом сервисе отображены все бизнес-процессы и статистика для принятия решений.
По завершении работ по проектированию нарисовали дизайн в Figma, далее после утверждения дизайна приступили к верстке. Стэк разработки был выбран следующий: Next.js, Typescript, Tailwind, Prisma, MongoDB. Забегая вперед, скажем, что это оптимальный современный стэк для full-stack-проектов такого уровня.
Далее по стандартной схеме, после верстки и внесения правок настроили функционал. Силами нашей команды бы создан весь проект от старта и до финального запуска.
Используемые технологии
Next.js 14: Обеспечивает рендеринг на стороне сервера (SSR) и генерацию статических сайтов (SSG) для создания SEO-дружественных страниц. Обеспечивает быструю загрузку страниц и динамическую маршрутизацию для беспрепятственного совершения покупок.
Tailwind CSS: Обеспечивает быстрое создание стилей, ориентированных на удобство, для последовательного и отзывчивого дизайна. Помогает поддерживать элегантный и современный пользовательский интерфейс на всех устройствах.
Повышает надежность и ремонтопригодность кода благодаря сильной типизации. Повышает производительность труда разработчиков, отлавливая ошибки во время разработки.
MongoDB: Служит в качестве базы данных NoSQL для управления каталогами товаров, данными пользователей и заказами. Эффективно масштабируется для обработки все большего объема данных по мере роста бизнеса.
Комплексное решение «под ключ»:
В рамках данного проекта был создан полностью готовый к работе интернет-магазин с нуля. Создание индивидуального решения с использованием Next.js, стилизованного с помощью Tailwind CSS. Профессиональная фотосъемка: Высококачественные изображения товаров для повышения визуальной привлекательности и доверия пользователей. Проектирование базы данных: Использование MongoDB для структурирования и эффективного управления данными. Тестирование и оптимизация: Обеспечение хорошей работы платформы в реальных условиях. pasechniktorg.ru демонстрирует мастерство в разработке профессиональной платформы электронной коммерции, от логики бэкенда и интеграции баз данных до дизайна фронтенда и фотографии. Этот проект подчеркивает нашу способность создавать цифровые решения «под ключ» с учетом конкретных потребностей бизнеса.
Описание:
Описание:
Описание:
Описание:
Описание:
Описание:
Описание:
