Web開発supabase初級STEP 1 / 11
Next.js 13新機能のApp DirectoryとSupabaseでブログ構築
Next.js 13で追加されたApp DirectoryとSupabaseを使用してブログを構築していきます。
App Directoryで組織的にコードを管理することにより、可読性や開発効率、セキュリティが向上します。
Supabaseはバックエンド機能を提供するクラウドサービスで、データベースにPostgreSQLを使用しています。
フロントエンドとバックエンドの境界がなくなるので、より効率的な開発が可能になります。
ブログを構築しながら、データの作成(Create)、読み出し(Read)、更新(Update)、削除(Delete)の方法を学んでいきましょう。
学習内容
- Next.js 13 App Directory での構築方法
- Supabase ユーザー認証(ログイン、サインアップ、ログアウト)
- Supabase データベース構築
- Supabase ストレージ構築
- Supabase SQL Editor での構築
- ブログで作成、取得、編集、削除(CRUD)を学習
機能
- サインアップ
- ログイン
- ログアウト
- ブログ一覧
- ブログ新規投稿
- ブログ編集
- ブログ削除
- プロフィール
- 画像保存
解説
YouTube で動画の解説、Zenn で本の形の解説をしています。