実績 02 / 08

Syafrilverse Studio — サービス業のための業務システム

このサイトの裏側にある管理画面。お問い合わせフォームと料金シミュレーターから届く見込み客の受信箱、顧客とプロジェクト、PDF印刷できる連番請求書、サイトのサービス一覧と料金設定まで。すべて二要素認証のログインで保護。

種別: 個人プロジェクト
ステータス: 公開中
技術: SvelteKit · Svelte 5 · TypeScript · Supabase · PostgreSQL · Tailwind CSS · Zod · Vitest

ケーススタディ

課題と、その解決方法。

01 · 課題

一人で営むサービス業では、見込み客はメール、料金は表計算、請求書は別の文書と、ばらばらに管理しがちです。サイト・見積もり・請求書の数字は次第にずれ、どの問い合わせが返信待ちなのかも分からなくなります。

02 · アプローチ

公開サイトと管理画面を一つのデータベースで支えています。Studio で編集した料金は、サービスページ、料金シミュレーター、Google 向け構造化データにそのまま使われます。すべてのテーブルは二要素認証のセッションを必須とする行レベルセキュリティで守られ、フォームはすべてサーバー側で検証、請求書番号は送信時にデータベースのトリガーで採番されるため重複しません。Next.js から SvelteKit へ作り直し、ドメインロジックは書き直さずに移行、200件以上の自動テストで守っています。