My tasks2 TASKS
- Webアプリの全体像を読む（完了）
- はじめてのアプリを作る（未完了）
＋を押すと、処理の流れが始まります。
Webアプリ解剖室
React・Next.js・TypeScript・Prismaで作るTODOアプリの裏側を見てみよう。
LAB 01 / WEB APPLICATION
const title = body.title.trim();
const todo = await prisma.todo.create({
data: { title }
});
return NextResponse.json(todo,
{ status: 201 });Prisma Clientは、このサーバー上で実行します。
POST /api/todosリクエスト待ち
| id | title | done |
|---|---|---|
| 1 | Webアプリの全体像を読む | true |
| 2 | はじめてのアプリを作る | false |
TABLE: todos2 rows
各レイヤーの見出しを押すと、処理を確認できます。