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.
| Layer | Technology |
|---|---|
| Frontend | Next.js (App Router), React, Tailwind CSS |
| Backend & DB | Supabase (PostgreSQL) |
| State Management | Zustand |
| Hosting & Cron | Vercel |
| Transactional Email | Resend |
- 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, andexpires_atTTL 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:
- AI Smart-Bundling: Cross-references real-time cart state against the catalog to curate a 1-click bundle with a precise 15% discount.
- 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. - Automated Drip Campaigns: Employs an
email_queuetable to schedule and dispatch review requests (+7 days) and loyalty discounts (+14 days). - Cryptographic Coupons: Derives promo codes using
crypto.randomUUID()+ HMAC-SHA256, storing them with a strictmax_usesconstraint 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?"

