Back to projects
Project
Blog Application
Next.jsを用いて作成したブログプラットフォームです。Markdownでの記事管理、Supabaseを利用した認証やデータ保存、記事のCRUDを実装しています。
- Status
- Released
- Period
- 2025
- Built
- UI設計 / フロントエンド実装 / 認証機能 / 記事CRUD / データベース設計 / デプロイ
Overview
学習内容や技術メモをMarkdownで蓄積し、ブラウザ上で読みやすく公開するためのアプリケーションです。認証、データ保存、記事の作成・編集・削除までを含めて実装しました。
Background
技術メモをMarkdownで管理し、認証付きで投稿・編集できるブログとして制作しました。記事CRUD、認証、データベース設計を含めることで、コンテンツ管理を行うWebアプリケーションとして構成しました。
Tech Stack
- Next.js
- TypeScript
- Tailwind CSS
- Prisma
- Supabase
Scope
- UI設計
- フロントエンド実装
- 認証機能
- 記事CRUD
- データベース設計
- デプロイ
Approach
- Next.jsとTypeScriptで、記事一覧、詳細、作成・編集画面を実装
- Supabaseを利用して認証とデータ保存を構成
- Prismaを用いて記事データのモデル定義とデータベース操作を実装
- Markdown本文が読みやすく見えるよう、見出し、行間、余白を調整
Challenges
- 認証状態によって表示や操作を切り替える設計に注意が必要だった
- 記事CRUDとデータベース設計を結びつけて理解することが学習上の大きなポイントだった
- Markdown本文の自由度と、ブログとしての読みやすさのバランス調整が難しかった
Next Steps
- タグやカテゴリによる記事整理
- 検索機能と下書き管理の追加
- 主要な投稿・編集フローに対するE2Eテストの追加