新規投稿画面を作成しました
今日はついにブログの管理機能の第一歩として、新規投稿画面を実装しました。Next.jsとSupabaseを使い、ログイン後に記事を投稿できる仕組みを整えました。入力項目はタイトル、スラッグ、抜粋、本文、カバー画像URL、タグ、公開フラグです。本文はMarkdownで記述でき、右側にはリアルタイムでプレビューを表示するようにしました。
特に工夫したのはスラッグの自動生成です。タイトルを入力すると自動的にURL用のスラッグが作成され、必要に応じて編集も可能にしました。また、既に使われているスラッグかどうかをSupabaseでチェックする機能も追加し、重複を防げるようにしています。
これで管理画面から記事を投稿し、すぐに公開まで持っていける流れが完成しました。次は画像のアップロード機能や、記事編集画面を整えて、さらに使いやすいCMSへと進化させたいと思います。