Next.js + Prismaで記事投稿機能を実装してみた件
公開: 2025年12月25日
microCMSで作った部分をハンズオン形式で0からコードを書いて作り、Webアプリのバックエンド開発の流れを学習する。
要するにmicroCMSじゃなくて独自APIで作っていくよーって感じ。
カテゴリーの取得・表示が難しすぎた、、、。
記事とカテゴリーを結びつけるには多対多なので中間テーブルが必要になる。
必要な理由
・ 1つの記事に1つのカテゴリーしか選べなくなる
・1つのカテゴリーに1つの記事しか所属できなくなる
その為、テーブルを3つ「記事・カテゴリー・中間テーブル」用意する。
これが後々、記事作成やカテゴリー新規作成する際にややこしくなってくる🥴
「今、自分が扱っているカテゴリーが『ただの数字』なのか、それとも『idという部屋を持ったオブジェクト』なのか」をなどを常に意識する必要がある。
場所 | 役割 | 実際のコード例 |
共用ファイル | IDを数値(number)で管理 |
|
投稿(Page) | API専用の形に加工して送る |
|
route.ts (API) | 型定義(interface)でルール指定 |
|
route.ts (API) | 1つずつ取り出してDB保存 |
|
今こうしてまとめてても、次また開発するときに必ず迷うだろうと思う。
だから今回の課題ではコードの注釈量が半端じゃなかった🙄
さぁ、次はNext.jsバックエンド。
怖すぎる(楽しんでる)。
