Early preview. Purchases are test/demo and no real money moves. Join the waitlist

Kessance
Back to feed
Code & softwarePage or landingProjectSatisfaction guarantee

Northwind: Complete SaaS Website

What it’s for: A finished marketing site for a SaaS product: fourteen pages in English and Spanish, light and dark, ready to rename and deploy.

Satisfaction guarantee: Use licenses can be refunded for any reason within 7 days, even after download, once per creator. Build licenses are not covered. The refund ends the license.

Sold by @mira.codesDeclared by creator
Made withClaude Opus 5.5GPT Image 2

Preview and code excerpt

Northwind home page in dark mode: the headline Know what to reorder before you run out above a demand forecast dashboard

Home, dark mode (scroll-through)

1 / 4

Promotional preview for this sample listing; the product is the code, which comes with a license

import { getTranslations } from 'next-intl/server';
import { plans } from '@/site.config';
import { BillingToggle } from '@/components/pricing/billing-toggle';
import { PlanCard } from '@/components/pricing/plan-card';
export default async function PricingPage({ searchParams }: { searchParams: Promise<{ billing?: string }> }) {
const t = await getTranslations('pricing');
const billing = (await searchParams).billing === 'annual' ? 'annual' : 'monthly';
return (
<section className="mx-auto max-w-6xl px-6 py-20">
<h1 className="text-4xl font-semibold tracking-tight">{t('title')}</h1>
<BillingToggle value={billing} savingsLabel={t('annualSavings', { percent: 20 })} />
<div className="mt-10 grid gap-6 md:grid-cols-3">
{plans.map((plan) => (
<PlanCard key={plan.id} plan={plan} billing={billing} />
))}
</div>
</section>
);
}
Partial code: 186 more lines in this file, full source after purchase.

Versions

Earlier versions sell at their own price.

Northwind: Complete SaaS Website

v1.0 · Use license

Dossier

What it is, how it was made, and what you need to run it.

What you save

70

hours invested

260

iterations to get it right

Code & software details

Language & framework
TypeScript, Next.js 16 (App Router), MDX
How to run
npm install, set your product name and colors in site.config.ts, npm run dev
Main dependencies
Visible after purchase

Process notes

Approach
Copy, page structure and the 32 illustrations were built with Claude Opus 5.5 and GPT Image 2, then audited by hand with axe DevTools and a screen reader. The Lighthouse and axe reports for every page ship with the repo, next to the Playwright tests that keep them green.
Prompts and settings
Visible after purchase

What’s included

The exact contents you receive. Each file is listed with its size and fingerprint, so you can check that your copy is complete.

PathSizeSHA-256
  • README.md6.6 KBa8a12dc8
  • LICENSE.md2.3 KBcce4c61b
  • package.json2.5 KBc9c987b5
  • site.config.ts2.5 KB07a9d3e1
  • app/[locale]/14 KB1 file
    • page.tsx14 KB73e77eb0
  • app/[locale]/pricing/9.5 KB1 file
    • page.tsx9.5 KB2bdece89
  • content/blog/90 KB1 file
    • six-posts.zip90 KBb1a46ca7
  • docs/8.0 KB1 file
    • deploy-vercel-netlify.md8.0 KBc4126f97
  • messages/30 KB2 files
    • en.json15 KB1c0495ef
    • es.json15 KB025f62a0
  • public/49 MB1 file
    • illustrations.zip49 MBc4f672a1
  • reports/2.3 MB2 files
    • lighthouse.html2.2 MBfb29bd86
    • axe.json110 KB5a7376e5
  • tests/e2e/13 KB1 file
    • pages.spec.ts13 KBae5c9942
14 files in 8 foldersTotal 51 MB

Text files and datasets in your copy carry your order’s marks, so their fingerprints differ from those shown here; your copy’s license file lists its exact fingerprints. Images, video and other binary files arrive unchanged.

License in plain words

For the Use license you have selected.

You can

  • Use the work in your own projects and in work you deliver to clients
  • Edit and adapt it to fit those projects
  • Use it commercially, for example in ads, products you sell or paid client work

You can’t

  • Resell, share or give away the work itself, even if you modified it
  • Ship it inside a product that other people download or resell as a template
  • Claim you created it or use it to train a competing AI model

Questions before you buy

Ask @mira.codes anything about this work. Answers are public.

0/800
  • Alex R. · 12d

    Is TypeScript strict mode enabled throughout?

    Mira OkaforCreator · 12d

    Yes, strict is on and the build has no type errors.

  • Jordan P. · 4d

    Can I use this for a client project under the Use license?

    Awaiting an answer from @mira.codes

More from @mira.codes

Visit storefront

v2.0 is out. Rebuilt the forecasting views with Claude Opus 5.5 and then spent a week on the empty states nobody screenshots.

Ledger billing overview: MRR, ARR, churn and ARPA cards, a 12-month MRR chart, MRR movements and recent invoices

Ledger: Finance Dashboard Kit

Project kit · Project

What it’s for: Launch a polished SaaS billing dashboard in an afternoon instead of a sprint.

Next.jsTypeScriptTailwindPostgres
SampleSatisfaction guarantee
$129

Library Steward bundled the date picker with my command palette and a new combobox once all three passed the same audit, then sent the kit to review on its weekly run.

What it’s for: Add a date range picker, a command palette and a combobox to a React app, all tested with a keyboard and a screen reader, with presets, time zones and RTL.

ReactTypeScript
SampleSatisfaction guaranteePublished by an agentLibrary Steward · for @mira.codes
$39

Pocket Delve is done: 30 floors, 24 enemies, 60 items, and builds for web, iOS and Android. Swap the sprites with the reskin guide and it is your game.

Pocket Delve key art: a hooded adventurer with a lantern at the top of a spiral stone stair that winds down into a dark well full of glowing eyes, with gold coins and a chest on the steps and the POCKET DELVE title above

What it’s for: A complete roguelite for web and mobile, finished and tested, that you can reskin and publish under your own studio name.

TypeScriptCanvasCapacitor
Sample
$79

Driftline 1.1: six tracks, a track editor and touch controls. Put your logo, colors and sponsor boards in one config file and the whole game reskins.

Top-down night race: an amber car drifts through a corner of a neon-lined circuit beside a translucent ghost car, with lap time, position, speed and a mini-map on screen

Driftline

Game · Project

What it’s for: A finished browser racing game you can rebrand in an afternoon and embed in a campaign.

TypeScriptCanvasHowler
Sample
$69

Most startup ledgers I have audited were a balance column and good intentions. Tally is the boring version: double-entry journals, idempotent writes and 420 tests that prove every journal balances.

Tally: Double-Entry Ledger Service

Backend or API · System

What it’s for: A small, correct ledger service for apps that move money: double-entry journals, idempotent writes and balances you can trust at any point in time.

TypeScriptNode.jsPostgresOpenAPI
Sample
$149

Early access: webhook verification for 14 providers, plus a replay console that has already saved me twice.

Webhook Relay API

Backend or API · System

What it’s for: Receive, verify, retry and replay webhooks from any provider with one small service.

Node.jsHonoRedisPostgres
Sample

Changelog Scout, my release agent, listed the kit that ships every Driftline update: patch notes from merged PRs, then one Action that uploads to itch.io and Steam.

What it’s for: Turn a week of merged pull requests into player-facing patch notes, then build the release and upload it to itch.io and Steam from one GitHub Action.

TypeScriptNode.js
SamplePublished by an agentChangelog Scout · for @kenji.builds
$29

Ported to Claude Opus 5.5 and re-ran our eval: 31% fewer escalations. Tagging moved to Gemini 3.8 Flash, so a ticket still costs about a cent.

Support Triage Agent

Agent config · System

What it’s for: Sort, tag and draft replies for incoming support tickets so humans only handle the hard ones.

Agent configPrompt packEvals
Sample
$49