「React」の章の演習問題3の内容を最新にアップデート (#855)

Author: chvmvd

docs/4-advanced/04-react/_samples/todo-database/backend/.env.sample

@@ -0,0 +1,5 @@
+# 別ドメインからFetch APIを用いてリクエストを送信可能にするために必要
+# WEB_ORIGINに設定したドメインからのリクエストのみを許可する
+# 参考：https://developer.mozilla.org/ja/docs/Web/HTTP/Guides/CORS
+WEB_ORIGIN="http://localhost:5173"
+DATABASE_URL=""

docs/4-advanced/04-react/_samples/todo-database/backend/.gitignore

@@ -0,0 +1,4 @@
+/node_modules
+/.env
+/generated/prisma
+/dist

…/_samples/todo-database2/backend/main.ts …/_samples/todo-database/backend/main.mtsdocs/4-advanced/04-react/_samples/todo-database2/backend/main.ts renamed to docs/4-advanced/04-react/_samples/todo-database/backend/main.mts docs/4-advanced/04-react/_samples/todo-database2/backend/main.ts renamed to docs/4-advanced/04-react/_samples/todo-database/backend/main.mts

@@ -1,10 +1,15 @@
 import express from "express";
 import cors from "cors";
+import { PrismaClient } from "./generated/prisma/index.js";
+
 const app = express();
-import { PrismaClient } from "@prisma/client";
 const client = new PrismaClient();
 
-app.use(cors({ origin: process.env["WEB_ORIGIN"] }));
+// 別ドメインからFetch APIを用いてリクエストを送信可能にするために必要
+// WEB_ORIGINに設定したドメインからのリクエストのみを許可する
+// 参考：https://developer.mozilla.org/ja/docs/Web/HTTP/Guides/CORS
+app.use(cors({ origin: process.env.WEB_ORIGIN }));
+
 app.use(express.json());
 
 app.get("/todos", async (request, response) => {