Skip to main content
ProjectCompleted
5 min read

AuraNode (Organic Harvest)

High-performance E-Commerce platform built with Next.js and Supabase.

AuraNode is a scalable, SEO-optimized e-commerce platform built specifically for the "Organic Harvest" brand. Leveraging Next.js App Router for server-side rendering and Supabase for a robust backend-as-a-service, it delivers exceptional Core Web Vitals and seamless inventory management.

Traditional e-commerce platforms (like Shopify or WooCommerce) often suffer from slow page load speeds and limited developer flexibility when building custom, multi-channel inventory pipelines. The client required a bespoke solution capable of handling high traffic spikes during seasonal sales without degradation in performance.

Traditional e-commerce platforms (like Shopify or WooCommerce) often suffer from slow page load speeds and limited developer flexibility when building custom, multi-channel inventory pipelines. The client required a bespoke solution capable of handling high traffic spikes during seasonal sales without degradation in performance.

  • Achieve perfect 100/100 Lighthouse scores for SEO and Performance.
  • Implement strict data security using Row-Level Security (RLS).
  • Create a real-time admin dashboard for inventory management.

High-Level Architecture

A fully serverless architecture. The Next.js frontend is deployed on Vercel, utilizing React Server Components (RSC) to fetch data directly from the Supabase PostgreSQL database at the edge.

System Components

  • Frontend: Next.js 14+ (App Router), React, Tailwind CSS.
  • State Management: Zustand (for complex cart logic).
  • Backend/DB: Supabase (PostgreSQL, Auth, Storage).
  • Email/Comms: Resend API.

High-Level Architecture

A fully serverless architecture. The Next.js frontend is deployed on Vercel, utilizing React Server Components (RSC) to fetch data directly from the Supabase PostgreSQL database at the edge.

System Components

  • Frontend: Next.js 14+ (App Router), React, Tailwind CSS.
  • State Management: Zustand (for complex cart logic).
  • Backend/DB: Supabase (PostgreSQL, Auth, Storage).
  • Email/Comms: Resend API.
LayerTechnology
FrontendNext.js (App Router), React, Tailwind CSS
Backend & DBSupabase (PostgreSQL)
State ManagementZustand
Hosting & CronVercel
Transactional EmailResend
  • Row-Level Security (RLS): Implemented strict RLS policies in Supabase ensuring users can only read/write their own cart and order data, while admins have elevated privileges.
  • promo_codes: Tracks generated coupons with hashed values, max_uses, use_count, and expires_at TTL parameters.
  • email_queue: Decoupled asynchronous job table for processing scheduled drip campaigns.
  • Authentication: Supabase Auth with magic links and OAuth providers.

AuraNode implements four core serverless engines:

  1. AI Smart-Bundling: Cross-references real-time cart state against the catalog to curate a 1-click bundle with a precise 15% discount.
  2. Ghost Revenue Retriever: Vercel Cron jobs poll Supabase for status = 'draft' orders older than 24 hours, generate single-use cryptographic coupons, and dispatch recovery emails via Resend.
  3. Automated Drip Campaigns: Employs an email_queue table to schedule and dispatch review requests (+7 days) and loyalty discounts (+14 days).
  4. Cryptographic Coupons: Derives promo codes using crypto.randomUUID() + HMAC-SHA256, storing them with a strict max_uses constraint to prevent brute-forcing.

Fully serverless architecture deployed to Vercel. Backend PostgreSQL database managed via Supabase. Cron jobs strictly authenticated via header-injected CRON_SECRET tokens.

  • Authentication: Supabase Auth with magic links and OAuth providers.
  • Challenge: Managing complex client-side state (the shopping cart) alongside Server Components.
  • Solution: Adopted Zustand for lightweight, un-opinionated client-side state management, passing only necessary dehydrated state from the server to the client.
  • Challenge: Managing complex client-side state (the shopping cart) alongside Server Components.
  • Solution: Adopted Zustand for lightweight, un-opinionated client-side state management, passing only necessary dehydrated state from the server to the client.
  • "How did you implement Row-Level Security in Supabase for the AuraNode cart system?"
  • "Why did you choose Zustand over Redux or React Context for this project?"

Ready to build something robust?

Whether it's a complex RAG pipeline, a secure API gateway, or a scalable SaaS platform, let's discuss the architecture.