Open source, бесплатно Платный или закрытый сервис Написано под этот проект

Сайт похож на магазин с витриной

Если вы ни разу не заглядывали «под капот» сайта, держите в голове эту картинку — дальше каждый блок схемы будет на неё опираться.

Витрина

То, что видит покупатель: фото украшений, описания, кнопка «В корзину».

В вебе — сайт на Astro

Продавец за прилавком

Знает цены и остатки, принимает заказ, выписывает чек.

В вебе — Medusa

Амбарная книга

Где записаны все товары, цены, остатки и заказы.

В вебе — база данных

Партнёры

Те, кто делает за магазин то, что он не делает сам: принимает деньги, возит посылки.

В вебе — Т‑Банк, СДЭК, почта

Из чего состоит проект

Сверху вниз — путь, который проходит ваш клик: от браузера до витрины, продавца, книги учёта и партнёров.

Покупатель

Вы открываете nepokolebima.store

в браузере на компьютере или телефоне

Здание магазина

Сервер

Компьютер в дата-центре, который работает круглосуточно

VPS HTTPS-замочек Caddy

Магазин

Две программы: витрина и продавец

Витрина показывает товар, а всё, что связано с деньгами и заказами, делает продавец.

Витрина

nepokolebima.store — сам сайт

Как появляется страница

Astro — заранее «печатает» все страницы сайта
Nginx — раздаёт готовые страницы посетителям
Скрипты сайта — корзина, фильтры, оформление заказа

Что есть на сайте

Каталог и страницы товаров — фото, описание, цена, наличие
Азбука символов — что значит каждый оберег
Блог — статьи и истории мастерской
Корзина и оформление — доставка, оплата, «Спасибо за заказ»

Шрифты и картинки

Manrope и Playfair Сжатие в webp PhotoSwipe

Продавец

Medusa — программа магазина

Каталог — товары, цены, остатки, фото
Корзина и заказы — что купили, куда везти, оплачено ли
Оплата — связь с Т‑Банком
Доставка — связь со СДЭК
Письма — подтверждение заказа на почту
Админка — панель управления для хозяек

Окошко: api.nepokolebima.store — через него витрина общается с продавцом.

Главная хитрость: витрина печатается заранее, поэтому открывается мгновенно. А то, что меняется каждую минуту — цена, наличие, корзина, оплата, — браузер в момент покупки спрашивает у продавца напрямую. Так покупатель не увидит товар, который уже кончился.

Книга учёта

Где всё хранится

PostgreSQL — товары, цены, заказы
Redis — быстрый блокнот и очередь дел
Фото товаров — снимки, загруженные через админку
Резервные копии — копия всего каждую ночь

Помощники

Работа «за кадром»

Обновление витрины — пересобирает сайт после правок в каталоге
Будильник — раз в час проверяет каталог на всякий случай
Почтальон — пишет покупателю после заказа
Проверка здоровья — поднимает то, что упало

Партнёры

Внешние сервисы

Подключены по API

Т‑Банк — приём оплаты
СДЭК — доставка по стране
Яндекс Карты — выбор пункта выдачи
Resend — письма покупателям

Как изменения попадают на сайт

Claude Code пишет код → GitHub хранит → Demo-сайт примерка → GitHub Actions выкладывает по кнопке → Docker запускает на сервере

Как проходит покупка

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

Выбор

Покупатель листает каталог, фильтрует по символам и смотрит фото. Цена и наличие подтягиваются у Medusa свежими.

Корзина

Нажимает «В корзину». Корзина запоминается прямо в браузере — не пропадёт, если закрыть вкладку.

Доставка

Выбирает пункт выдачи СДЭК на карте или курьера. Цену доставки сразу считает СДЭК.

Оплата

Сайт передаёт корзину в Medusa, создаёт заказ и открывает страницу Т‑Банка. Покупатель платит там картой.

Готово

Т‑Банк сообщает магазину «оплачено». Покупателю приходит письмо, хозяйкам — заказ в админке.

Карта не проходит через магазин. Номер карты вводится только на странице Т‑Банка. Сайт узнаёт лишь итог: оплачено или нет.

Товары меняют без программиста. Новое украшение, цену или остаток правят в админке Medusa. Витрина сама пересоберётся и через несколько минут покажет изменения.