Next.js 13新機能のApp DirectoryとSupabaseでブログ構築
Web開発
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で解説をしています。
https://youtu.be/nQ7lKzI6RlE