Todoアプリ

Cloudflare Workers と Next.js 15 をベースにしたタスク管理アプリの概要です。

ディレクトリ構成

/
├─ .npmrc
├─ cloudflare-env.d.ts
├─ db/
│  └─ schema.sql
├─ env.d.ts
├─ eslint.config.mjs
├─ next.config.ts
├─ open-next.config.ts
├─ package-lock.json
├─ package.json
├─ postcss.config.mjs
├─ public/
│  ├─ _headers
│  ├─ favicon.svg
│  │  ├─ file.svg
│  │  ├─ globe.svg
│  │  ├─ next.svg
│  └─ window.svg
├─ src/
│  ├─ app/
│  │  ├─ api/
│  │  │  └─ tasks/
│  │  │     ├─ create/
│  │  │     │  └─ route.ts
│  │  │     ├─ delete/
│  │  │     │  └─ route.ts
│  │  │     └─ edit/
│  │  │        └─ [id]/
│  │  │           └─ route.ts
│  │  ├─ globals.css
│  │  ├─ layout.tsx
│  │  ├─ page.tsx
│  │  └─ tasks/
│  │     ├─ completed/
│  │     │  └─ page.tsx
│  │     ├─ create/
│  │     │  └─ page.tsx
│  │     ├─ edit/
│  │     │  └─ [id]/
│  │     │     └─ page.tsx
│  │     └─ page.tsx
│  └─ lib/
│     └─ db.ts
├─ tsconfig.json
└─ wrangler.jsonc

機能一覧

• トップページからタスク一覧、新規作成、完了済み一覧へ遷移
• タスク一覧の表示
• タスクの新規作成
• タスクの編集
• タスクの論理削除
• タスクの完了済み一覧表示
• タスク完了日時の記録
• D1 データベースへの登録・更新・削除
• Cloudflare Workers と Next.js 15 ベースでの動作
• wrangler / OpenNext を使った Cloudflare 向けビルド・プレビュー・デプロイ

画面・ルーティング

• / : トップページ
• /tasks : タスク一覧
• /tasks/create : タスク作成
• /tasks/edit/[id] : タスク編集
• /tasks/completed : 完了済みタスク一覧
• /api/tasks/create : タスク作成 API
• /api/tasks/edit/[id] : タスク更新 API
• /api/tasks/delete : タスク削除 API

データベース

• tasks テーブル
• task_id : 主キー
• task_name : タスク名
• task_detail : タスク詳細
• create_date : 作成日時
• deadline : 期限
• complete_flag : 完了フラグ
• complete_date : 完了日時
• delete_flag : 削除フラグ