Illumi

Next.js

Next.js · Invoicing · Finance Dashboard

About this project

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.

Key highlights

Create invoices with customizable templates (Classic/Minimal/Modern)
Light/Dark invoice mode with logo support
Public invoice payment page with payment provider integration (PayFast, Stripe)
Email sending via Resend API with standardized sender
Recurring & scheduled invoices with automated cron processing
Dashboard overview showing revenue, pending invoices, and customer/product counts
Workspace-based data separation for multi-tenant support
Safe email sending: invoices revert to draft if email fails
Marketing site with resources and calculators

Quick facts

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

Tech stack

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

Detailed breakdown

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

Automation & scheduling

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

Dashboard & workspace

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

Payment integration

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