Home

Works

Blogs

Works

Detail

Dashboard Cheese Stick Koe2025

[Stack]

Next.js 15, Drizzle ORM, Supabase, TypeScript

[Platform]

Website

[Source]

View Repo

[Deployment]

Vercel

[Last Update]

Public on GitHub

[Last Commit]

Active Repository

The Mission

The "big cheese" of operational dashboards. Built for a commercial snack enterprise, this custom back-office system automates wholesale invoice calculations, order tracking, and instant receipt generation. Turning hours of manual receipt drafting into a sub-second automated export flow.

Engineering Highlights

Next.js 15 App Router

Leveraging React Server Components (RSC) and Server Actions for rapid data mutations, minimizing client bundle size and ensuring snappy navigation across administrative views.

Drizzle ORM & Supabase

Type-safe SQL query layer interfacing with PostgreSQL on Supabase using Drizzle ORM and Drizzle Kit. Relational schema models orders, customer tiers, and invoice line items with zero runtime overhead.

Dynamic Canvas PNG Generation

High-resolution client-side canvas renderer that converts styled DOM invoice templates into crisp, shareable PNG receipts ready for direct WhatsApp and email dispatches.

Real-time Pricing Engine

Reactive form calculations handling tiered wholesale discounts, custom quantities, and tax calculations instantaneously as items are added or modified.

Product Preview

Home page
Create Invoice page
Export to PNG
Previous Project

Suzerain

Tools

Next Project

Shop Now

Web App

© 2026 Ramiza Al Farishi. All Rights Reserved.

Crafted with passion in Indonesia.