Buyer guide

Documentation

Install, customize, test, integrate, and package BillFlow without searching through the source tree.

PackageBillFlow 1.0.0
RuntimeVite · Node 20+
BackendNot included
PersistenceBrowser demo
Customize with confidenceIdentity → data → visual system
Frontend-only · Vite · browser demo persistence

01

Quick start

Install dependencies and start Vite. Node.js 20 or newer is recommended.

npm install
npm run dev

02

Project structure

src/config/

Product, account, company, locale, and version defaults.

src/data/

Customers, invoices, payments, and dashboard metrics.

src/components/

Frontend workflow controllers and renderers.

src/partials/

Shared sidebar and top navigation shell.

03

Customization

  1. 1

    Change identity

    Edit src/config/billflow-config.js.

  2. 2

    Replace demo records

    Edit src/data/billflow-data.js while preserving related IDs.

  3. 3

    Adjust the visual system

    Edit tokens in src/input.css or the modules in src/themes/, then rebuild.

04

Demo persistence

Interactive demo data uses browser keys prefixed with billflow.. Settings includes a safe reset that removes only those keys. This keeps the template functional without implying a production database.

05

Backend integration

Frontend template boundary

Authentication, card tokenization, email delivery, subscriptions, and database operations are intentionally not included.

  • Replace data arrays with API responses.
  • Connect invoice mutations and form submission to billing endpoints.
  • Use a payment provider’s tokenized methods—never store raw card data.
  • Connect support and authentication controls to your chosen services.

06

Release workflow

BillFlow uses semantic versioning and a one-command release check.

npm run release:patch
npm run check

Also update CHANGELOG.md and complete RELEASE-CHECKLIST.md before packaging.