Wysokowydajny rynek E-commerce (B2C)

Pełna wersja strony internetowej jest dostępna do zapoznania się pod linkiem do projektu. Możesz przetestować cały cykl zakupu: od autoryzacji do składania zamówienia przez Stripe Test API (użycie rzeczywistych środków finansowych nie jest przewidziane).

Kluczowe funkcje:

Dynamiczny katalog: wyszukiwanie i wielopoziomowe filtrowanie (kategorie, marki, ceny, parametry) z natychmiastową aktualizacją stanu.

System koszyka i ulubionych: zarządzanie zakupami po stronie klienta z trwałym przechowywaniem danych (Zustand).

Bezpieczna autoryzacja: ochrona sesji przez Better-Auth, w tym mechanizmy dwuetapowe, resetowanie haseł i weryfikacja e-mail.

Panel użytkownika i panel administracyjny: Dashboard użytkownika z historią zamówień oraz zabezpieczony interfejs CRUD do zarządzania produktami dla administratora.

Transakcje i powiadomienia: integracja Stripe API do przyjmowania płatności oraz serwis Resend do automatycznych powiadomień transakcyjnych.

Chmurowe przesyłanie mediów: szybkie przetwarzanie i przechowywanie obrazów produktów przez infrastrukturę UploadThing.

Technologie:

Frontend: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS, Shadcn UI.

Backend: Node.js (Bun runtime), Prisma ORM, PostgreSQL.

Infrastruktura: Better-Auth, Zod, Stripe SDK, UploadThing, Resend.

Cechy:

Architektura: czysta struktura projektu z podziałem odpowiedzialności, wykorzystanie Server Components do minimalizacji pakietu JS oraz pełna typizacja (Type-safe) od bazy danych do frontendu.

SEO i dostępność: 100/100 w Lighthouse. Optymalizowana semantyczna struktura, dynamiczne meta-tagi i Open Graph zgodnie z standardami W3C.

Wydajność: 85-100 punktów. Aktualne wskaźniki LCP poniżej 100 mogą być spowodowane limitami Vercel Free Tier (Cold Starts). Na dedykowanej infrastrukturze Bun zapewnia stabilne 100/100 dzięki szybkości przetwarzania zapytań.

Skalowalność: architektura gotowa na wysokie obciążenia dzięki zoptymalizowanym zapytaniom Prisma i efektywnemu buforowaniu danych.

Ta strona jest przedstawiona jako działający egzemplarz (demo instance) w pełni funkcjonalnej platformy handlowej. Architektura projektu jest w pełni gotowa do szybkiego wdrożenia wsparcia dla wielu języków na żądanie (i18n) — to standardowe rozszerzenie, które nie wymaga przeróbki podstawowej logiki.

#NextJS #React #TypeScript #prisma #PostgreSQL #Bun #tailwindcss #shadcn #NodeJS
#ecommerce