All workCase study · 01

Web App · Pixaloom

Illumi

Next.js · Invoicing · Finance DashboardScroll to reveal

The assignment

Build the useful thing.
Then make it unforgettable.

Illumi is a web-based invoicing + lightweight finance dashboard for small businesses. It helps you create, send, track, and get paid for invoices, with a dashboard that summarizes revenue, outstanding amounts, and key activity.

Archived work with a public website link. This study describes the version shown in the saved captures; an external site may have changed since that work. Interface examples are not verified sales or ranking results. Updated .

Type
Invoicing + finance platform
Users
Small businesses
Core features
Invoicing · Payments · Dashboard
Hosting
Vercel + Supabase

Capabilities delivered

Every layer,
working together.

  1. 01

    Create invoices with customizable templates (Classic/Minimal/Modern)

  2. 02

    Light/Dark invoice mode with logo support

  3. 03

    Public invoice payment page with payment provider integration (PayFast, Stripe)

  4. 04

    Email sending via Resend API with standardized sender

  5. 05

    Recurring & scheduled invoices with automated cron processing

  6. 06

    Dashboard overview showing revenue, pending invoices, and customer/product counts

  7. 07

    Workspace-based data separation for multi-tenant support

  8. 08

    Safe email sending: invoices retain their previous status if email fails

  9. 09

    Marketing site with resources and calculators

The system behind the screen

01

Invoicing features

  • Template-based invoice creation with preview
  • Line items, tax calculations, and custom notes
  • Logo upload with background handling
  • Public payment pages for customer payments
  • Email delivery with failure handling
02

Automation & scheduling

  • Recurring invoices processed via cron endpoints
  • Scheduled invoices with automated sending
  • Cron endpoints secured with CRON_SECRET header
03

Dashboard & workspace

  • Revenue tracking and outstanding invoice summaries
  • Customer and product management
  • Charts and summary widgets for key metrics
  • Workspace-based data isolation
04

Payment integration

  • Payment provider workflow (PayFast, Stripe)
  • Public payment links via /pay/[id] route
  • Payment status tracking

Technology

The machinery
behind the magic.

Next.js (App Router)TypeScriptReactTailwindCSSshadcn/ui componentsSupabase (Postgres + Auth)Resend (email)framer-motionTabler IconsLucide Icons

Planning something with a similar scope?

Explore the relevant service Discuss your brief
Next project · EcommerceNORDflam SA