Kontext
Projekt najsilnejsiaklbovavyziva.sk prodává kloubové výživové doplňky JointBoost. Klient potřeboval profesionální e-shop na míru – bez omezení platforem jako Shopify či WooCommerce – s plnou kontrolou nad designem, výkonem, zákaznickými daty a fakturací. Nedílnou součástí měl být i interní admin pro správu objednávek, newsletteru a recenzí.
Cíle
- Vybudovat výkonný e-shop na Next.js 16 s kompletním košíkem, pokladnou a správou objednávek.
- Implementovat Stripe platby i platbu na dobírku s automatickým generováním PDF faktur.
- Vytvořit zákaznické účty s registrací, ověřením e-mailu a resetem hesla přes Resend.
- Postavit interní admin pro přehled objednávek, statistiky, správu newsletteru a recenzí.
- Integrovat WordPress headless blog pro SEO obsah s RankMath metadaty.
Postup
- 1Navrhli jsme datový model v Prisma 7 (PostgreSQL): User, Order, OrderItem, Product, Coupon, NewsletterSubscriber, ReviewRequest a další entity pokrývající celý životní cyklus objednávky.
- 2Implementovali jsme Stripe platební gateway i COD (dobírku) s webhook zpracováním změn statusu platby a automatickou aktualizací stavu objednávky.
- 3Vytvořili jsme generátor PDF faktur přes @react-pdf/renderer s číselnou řadou faktur a automatickým odesíláním zákazníkovi po dokončení objednávky.
- 4Postavili jsme zákaznickou sekci: registrace s ověřením e-mailu, přihlášení přes iron-session, reset hesla, přehled objednávek a historie nákupů.
- 5Vybudovali jsme admin dashboard: statistiky tržeb, správa objednávek s filtrováním stavů, správa newsletteru s integrací Brevo a moderace recenzí.
- 6Napojili jsme WordPress headless téma (vlastní PHP téma) jako zdroj blogových článků s RankMath SEO metadaty a Facebook Pixel sledováním konverzí.
Výsledky
- E-shop běží na najsilnejsiaklbovavyziva.sk s kompletním nákupním procesem od produktu až po doručení a fakturu.
- Zákazníci si mohou vytvořit účet, sledovat objednávky a dostávat faktury automaticky e-mailem.
- Admin má plný přehled o objednávkách, newsletteru, recenzích i tržbách bez nutnosti třetích stran.
- Blog se SEO obsahem poháněný WordPress headless tématem zajišťuje organickou návštěvnost.
- Sentry monitoring a Upstash rate limiting zajišťují stabilitu a ochranu před zneužitím.
Metriky
Platby
Stripe + dobírka (COD)
Datový model
13 Prisma modelů
PDF faktury
automatické, @react-pdf
Stack & nástroje
Next.js 16.1.7 (App Router)TypeScript + Tailwind CSSPrisma 7.x + PostgreSQLStripeResend + Brevo (e-mail / newsletter)@react-pdf/renderer (faktury)iron-session (auth)WordPress headless (blog)Sentry + Upstash
Potřebujete podobný výsledek?
Ozvěte se nám. Projdeme si váš projekt a do 5 pracovních dnů připravíme roadmapu.
