Наш сопствен производ · Маркетплејс
UniMarket, маркетплејс направен за Бангладеш.
Многу продавачи, една кошничка. Купувачите плаќаат при достава, ја следат испораката од секоја продавница и добиваат е-порака на секој чекор. Продавачите ја водат својата продавница од Seller Center, а тимот го води целиот маркетплејс од админ-панел. На бенгалски и англиски е, се инсталира како апликација и работи на наш сопствен сервер.
Во живо во рано издание на unimarket.22softwares.com, со демо каталог. Планиран е домен unimarket.bd.
- Web
- Installable app (PWA)
- বাংলা · English
- Light & dark
- јазици, бенгалски и англиски, на посебни адреси
- 2
- категории, од мода до дигитални преземања
- 34
- теми за продавници меѓу кои продавачите можат да избираат
- 10
- чекори на нарачка, со е-порака на секој: примена, потврдена, спакувана, испратена, доставена
- 5
Маркетплејсот во живо
Слики од екран на јавната продавница, снимени од страницата во живо. Каталогот е демо податоци додека маркетплејсот е во рано издание.
Почетна страница, англиски 
Почетна страница, бенгалски 
Страница на категорија 
Страница на производ со флеш-распродажба 
Страница на продавница 
Водич за купување
Почетната страница на телефон 
Почетната страница на телефон, бенгалски 
Сите понуди на телефон
Што добиваат купувачите, продавачите и тимот
Една кошничка, многу продавници
Купувачот плаќа еднаш. Нарачката се дели на по една испорака за секоја продавница, секоја со своја цена на достава и свој статус. Гостите можат да нарачуваат без сметка, а плаќањето при достава е основно.
Следење без најава
Секоја нарачка има број (UNI-3001 и погоре). Секој што го има бројот и последните четири цифри од телефонот може да види каде е, а купувачот добива е-порака секогаш кога испораката ќе го смени статусот.
Seller Center за секоја продавница
Продавачите објавуваат производи, услуги и дигитални преземања, ракуваат со нарачки од потврда до испорака, печатат фактури и етикети, ги гледаат заработките и ги подигаат и ја дизајнираат страницата на својата продавница со 10 теми и page builder со блокови.
Вградени алатки за раст
Флеш-распродажби и кампањи во кои продавачите можат да учествуваат, ваучери на платформата и на продавниците, спонзорирани производи што се плаќаат по клик од паричник, билтен, push известувања и QR флаери за печатење за секоја продавница.
Админ-панел што го води маркетплејсот
Нарачки, апликации на продавачи и проверки на ID, преглед на производи, исплати, кампањи, почетната страница и банерите, статистики за посетители и наплата (вклучувајќи напуштени наплати), улоги на персоналот со најава во два чекора и лог за ревизија.
Се инсталира и е брз на бавни телефони
Се инсталира од прелистувачот како апликација, има долна лента со јазичиња на телефони, работи на бавни врски и може да праќа ажурирања за нарачки како push известувања.
Една кодна база, четири површини
Продавницата, Seller Center, админ-панелот и апликацијата што се инсталира работат од еден TypeScript проект на наш сопствен сервер.
Излог
Страници рендирани на серверот со многу малку JavaScript кај клиентот, посебна адреса за секој јазик со hreflang, структурирани податоци, sitemap-ови и фид за производи за Google Merchant.
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
Seller Center и админ
Два света на најава на една кодна база: продавачите гледаат само свои нарачки и производи, персоналот се најавува со лозинка и код од автентикатор и ги добива точно дозволите на својата улога.
- Server actions
- Zod
- TOTP
- Audit log
Податоци
MongoDB со сопствена инстанца, вклучена автентикација и корисник на апликацијата со најмали привилегии. Парите се чуваат како цели поиша (poisha), никогаш како децимали, а нарачките резервираат залиха атомарно.
- MongoDB
- Mongoose
- sharp
Најава и пораки
Купувачите се најавуваат со еднократен код по е-пошта или телефон или со Google или Apple. Е-пораките за нарачки се потпишани со DKIM од наш сопствен поштенски сервер, а push известувањата минуваат преку Firebase Cloud Messaging.
- Firebase Auth
- FCM
- Postfix
- OpenDKIM
Операции
Го водиме сами
Сопствена база, сопствени бекапи, сопствен поштенски систем и распоредување со една команда со враќање со една команда.
- Хостирано на наш сопствен VPS зад Cloudflare, со Let’s Encrypt сертификат и nginx пред апликацијата.
- Сопствен MongoDB сервис, врзан за самиот сервер со вклучена автентикација, со бекап секоја ноќ што се чува 14 дена.
- Граници на стапката за најава и за API на веб-серверот, плус граници по корисник во апликацијата.
- Е-пораките за нарачки поминуваат SPF, DKIM и DMARC и завршуваат во сандачето, а не во спам.
- Распоредување со една команда што гради на серверот, се префрла и проверува здравје, и враќање со една команда на претходното издание.
Тешки проблеми што ги решивме
Деловите што купувачите никогаш не ги гледаат.
Брзи страници на бенгалски
- Проблемот
- Веб-фонтот за бенгалски е голем. Измеривме еден од околу 200 KB на патот до првиот дизајн.
- Што направивме
- Користиме бенгалски фонт што веќе е на телефонот или компјутерот и мал фонт на сопствен хостинг само за латински букви и броеви.
Резултат Веб-фонтот чинеше повеќе од десет поени од оценката за перформанси на мобилен Lighthouse во нашиот тест, а системскиот фонт не чини ништо.
Една наплата, повеќе продавачи
- Проблемот
- Кошничката може да содржи артикли од повеќе продавници, секоја со своја залиха, цена на достава и статус, а двоен допир не смее да направи две нарачки.
- Што направивме
- Наплатата повторно ги пресметува сите цени од базата, резервира залиха атомарно, ја дели нарачката на по една испорака за секоја продавница и го игнорира повторениот испрати.
Резултат Секој продавач ја гледа само својата испорака, купувачот гледа една нарачка со временска линија за секоја продавница, а откажувањето ја враќа залихата.
Ажурирања без кршење на отворени табови
- Проблемот
- По распоредување, купувач што оставил отворен таб може да кликне копче од старата верзија и да види грешка.
- Што направивме
- Секое издание носи свој ID на распоредувањето, а страницата сама се освежува кога ќе забележи дека нејзините акции се од издание што веќе не постои.
Резултат Можеме да распоредуваме преку ден без никој да види расипано копче.
Тестирано како производ, не како демо
- Lighthouse во нашиот локален производен билд: Пристапност, Најдобри практики и SEO на 100 на секоја страница што ја тестиравме, Перформанси од 93 до 98 на мобилен.
- Безбедносен преглед на целата апликација, прво со поправени наодите за преземање на сметка, па средните наоди.
- Вистински текови на нарачка, откажување и следење тестирани од крај до крај на страницата во живо, вклучувајќи ги е-пораките што ги праќа секој чекор.
- Проверки на типови и unit тестови за валидација на телефон и ракување со пари, и билд што паѓа кога недостасува текст на бенгалски.
Технологија
- Next.js
- React
- TypeScript
- Tailwind CSS
- MongoDB
- Firebase
- nginx
- Postfix
- Cloudflare
Сакате маркетплејс изграден вака?
Дизајнираме, градиме и водиме продавници со повеќе продавачи од почеток до крај: излог, алатки за продавачи, админ, плаќања, достава, е-пошта и хостинг.