デプロイに関する節を作成する

[chvmvd]

方針

• 「トランスパイラとモジュールバンドラ」の節を再整理する #879 で削除された「トランスパイラとモジュールバンドラ」の節の「フロントエンドとバックエンドの統合」の項で扱っていた内容を記述する → 現在ではフォームではなくFetch APIを使用してデータの送受信をするように教えていることを鑑みると、この方法を教える必要性が薄いため、削除することになりました
• ut.code(); Learn準拠サンプルプロジェクト（https://github.com/ut-code/utcode-learn-template ）に相当するものを作成する上で必要となる情報を記述する

ut.code(); Learn準拠サンプルプロジェクト内で使用されている未履修の内容

ut.code(); Learn準拠サンプルプロジェクト内でデプロイをするために使用せざるをえないが、未履修であるような内容は次が挙げられる。特に、ここでのデプロイ構成についての概要、Node.jsおよびViteでの環境変数の利用方法、CORSについてはある程度詳しい説明を要する。それ以外は、ut.code(); Learn準拠サンプルプロジェクトのREADMEに書いてあるような内容を記載すればよいと思われる。

• ここでのデプロイ構成の概要
• CORS
• （tsx）
• useEffect
• Viteでの環境変数の利用方法
• （.env.sampleの役割）
• （npx prisma generate）
• （ここでのRenderを用いたデプロイ方法）

節の構成

1. 全体構成
2. バックエンドを準備する
3. フロントエンドから通信する
4. ローカルで動作を確認する
5. デプロイする
   1. 本番ビルドを確認する

   2. Render にデプロイする