Case StudySaaS · Program Operations

StartupOS Fukuoka

A bilingual program-ops portal for Japan’s Business Management Visa: checklists, forms, documents, and mentor handoffs in one invite-only app.

startupos-fukuoka.vercel.app
Role
Founder & Full-stack Engineer
Timeline
2025–2026 · MVP build through early 2026; live prototype May 2026; pilot & partnership ongoing
Team
Solo product build with program stakeholders (staff / mentor feedback for beta partnership)
Stack
Next.js 16, React 19, TypeScript
StartupOS Fukuoka cover

Fukuoka’s Business Management Visa founders were stuck in PDF checklists, email/LINE document tennis, and Word-form revision loops, while staff and mentors had no shared view of progress. I designed and built StartupOS Fukuoka as a secure, bilingual (EN/JP) SaaS portal for founders, program staff, and mentors: visual phase progress, dependency-aware checklists with document gates, structured forms with immutable version review and PDF export, a private document vault, realtime program messaging that survives mentor handoffs, calendar, resource library, and an interactive Fukuoka map. The stack is Next.js on Vercel with Supabase Auth (email OTP), PostgreSQL Row Level Security, Storage, and Realtime, live as an invite-only prototype at startupos-fukuoka.vercel.app.

EN + JP
Languages
Founder · Staff · Mentor
Roles
Invite-only OTP
Access model

The problem

Founders on the Fukuoka Business Management Visa program navigated a manual, fragmented process: stale PDF checklists with outdated steps and prices, documents scattered across email and LINE, Word forms bouncing for weeks with no clear “latest version,” and no shared dashboard for staff or mentors. When mentors changed, context was lost in private threads. Housing, banks, and local services lived outside any single foreigner-friendly directory.

The product had to serve three audiences at once (founders who need “what’s next,” staff who need cohort visibility and form review, and mentors who need scoped access to assigned founders) without becoming a public consumer app. Invite-only auth, bilingual UX, and database-enforced permissions were non-negotiable from day one.

My approach

I built StartupOS as one city-ready program-ops platform rather than a slide-deck prototype: Next.js 16 App Router with React Server Components, locale routing via next-intl (founders default EN, staff default JA), and Supabase for auth, Postgres, private document storage, and realtime messaging. Every sensitive table is gated by PostgreSQL RLS keyed on auth.uid() and role helpers, with Next.js route guards as a second layer.

The founder experience centers on a visual progress tracker (Pre-Japan → Business Startup Activities → In Japan → Before Leaving → Post-Japan) and a smart checklist with dependencies, required document uploads, and linked program forms. Staff get a cohort dashboard with health pills (on track / at risk / needs review), a form review queue with comments and immutable approved versions, and in-app checklist/form template admin so content can change without a developer deploy.

Product & engineering details

Program forms are JSON schema–driven: founders autosave drafts, submit for review, and staff/mentors request changes or approve. Each submit creates an immutable form_submission_versions row; approved packets export to PDF and land in the documents vault with source = form_export. Messaging is a per-founder program channel with Realtime subscriptions; past mentors retain read-only access after handoff, and assignment history is audited.

I also shipped calendar (react-big-calendar + date-fns locales), a bilingual resource library, Mapbox GL pins for immigration / banks / coworking / daily essentials, Vitest unit + RLS tests, and Playwright e2e coverage for auth and public smoke paths. The architecture is intentionally city-agnostic (checklist and form templates are configuration), so the same codebase could later serve other Japanese startup visa or soft-landing programs without a rewrite.

Outcome

startupos-fukuoka.vercel.app is a live, invite-only MVP: founders can track phases, complete gated checklist steps, submit structured forms, store documents, and message their program team in English or Japanese; staff and mentors review forms, manage templates, and see cohort health at a glance. The prototype is pilot-ready and positioned as a SaaS launch with Fukuoka GBS invited as the first beta partner, replacing fragmented PDF/email ops with a single bilingual portal grounded in real visa-program workflows.

Founder dashboard: phase progress and dependency-aware next steps.
Smart checklist: required uploads and linked program forms.
Staff cohort view: health status, form review, and founder assignments.