Високопродуктивний E-commerce Marketplace (B2C)

Повнофункціональна версія сайту доступна для ознайомлення за посиланням на проєкт. Ви можете протестувати повний цикл покупки: від авторизації до оформлення замовлення через Stripe Test API (використання реальних грошових коштів не передбачено).

Ключові функції:

Динамічний каталог: пошук та багаторівнева фільтрація (категорії, бренди, ціни, параметри) з миттєвим оновленням стану.

Система кошика та обраного: управління покупками на стороні клієнта з персистентним зберіганням даних (Zustand).

Безпечна автентифікація: захист сесій через Better-Auth, включаючи двофакторні механіки, скидання паролів та верифікацію email.

Особистий кабінет та адмін-панель: Dashboard користувача з історією замовлень та захищений CRUD-інтерфейс управління товарами для адміністратора.

Транзакції та розсилки: інтеграція Stripe API для прийому платежів та сервіс Resend для автоматичних транзакційних повідомлень.

Хмарне завантаження медіа: швидка обробка та зберігання зображень товарів через інфраструктуру UploadThing.

Технології:

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

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

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

Особливості:

Архітектура: чиста структура проєкту з розподілом відповідальності, використання Server Components для мінімізації JS-бандла та наскрізна типізація (Type-safe) від БД до фронтенду.

SEO та доступність: 100/100 у Lighthouse. Оптимізована семантична розмітка, динамічні мета-теги та Open Graph за стандартами W3C.

Продуктивність: 85-100 балів. Поточні показники LCP нижче 100 можуть бути зумовлені лімітами Vercel Free Tier (Cold Starts). На виділеній інфраструктурі Bun забезпечує стабільні 100/100 за рахунок швидкості обробки запитів.

Масштабованість: архітектура готова до високих навантажень завдяки оптимізованим запитам Prisma та ефективному кешуванню даних.

Цей сайт представлений як діючий екземпляр (demo instance) повнофункціональної торгової площадки з серверним рендерингом (SSR), просунутою системою фільтрації та інтегрованою платіжною інфраструктурою. Архітектура проєкту повністю готова до швидкого впровадження підтримки декількох мов за запитом (i18n) — це стандартне розширення, що не потребує переробки основної логіки.




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