Next.js · E-commerce · n8n

Electrohub

Full online store: catalog, payments, CRM, and automation on n8n

electrohub.drkulova.ru

The problem

Pet project: show what a full-cycle online store looks like and how it works — from catalog to automatic CRM order sync — without a bloated template builder.

What's implemented

Catalog, cart, guest and account checkout, order tracking by number
Payments via Stripe, shipping cost via EasyPost
Promo codes, loyalty points, reviews from verified buyers only, wishlist
n8n automation layer: store events go to the CRM (HubSpot) via webhook, Slack notifications, transactional emails

Result

A showcase of a full e-commerce cycle with real integrations — used as a reference when discussing similar projects with clients.

Stack

Next.jsPrismaStripeEasyPostn8n

Demo access

Sign in as the customer to see the account, order history, reviews, and loyalty points, or as the admin to see the store management panel.

Customer

Admin

Open site

Screenshots

Electrohub catalog homepage with categories and product picks — Catalog
A full storefront across several categories with brand filters — an ordinary e-commerce shell, not a three-product demo.

Product page with price, rating, specs, and an add-to-cart button — Product page
Price, specs, rating, add to cart — a fully working purchase path, including real payment via Stripe at checkout.

Order history in the customer account with amount and payment status — Order history
A real order with its amount and payment status in the account — data from an actual Stripe test-mode transaction, not a placeholder.