typescript-schema-driven-sample

TypeScriptでスキーマ駆動開発を試すmonorepoサンプル

構成

typescript-schema-driven-sample
├── app (Honoのbackend)
├── front (Reactのfrontend)
├── typespec (スキーマ)
└── README.md

スキーマ生成

cd typespec
npm install
npx tsp compile .

スキーマ更新時は npx tsp compile . を都度実行

backendのコード生成

openapi-typescript を採用

cd app
npm install
npx openapi-typescript ../typespec/tsp-output/schema/openapi.yaml -o src/lib/open-api.ts

backendのコード生成2(orval)

cd app
npm run generate // コードが自動で生成される

その後、生成されたものsrc/generated/endpoints/{tag_name}/{xx}.handler.tsの中身を変更する

frontendのコード生成

wip

スキーマの変更

スキーマ変更の方法

1. typespec更新
2. orval実行