![Next.js 13新機能のApp DirectoryとSupabaseでブログ構築](https://res.cloudinary.com/zenn/image/fetch/s--DIuF6Bty--/c_fill%2Cf_jpg%2Cfl_progressive%2Ch_700%2Cq_90%2Cw_500/https://storage.googleapis.com/zenn-user-upload/book_cover/4e49a42237.png)
Next.js 13新機能のApp DirectoryとSupabaseでブログ構築
Next.js 13で追加されたApp DirectoryとSupabaseを使用してブログを構築していきます。 App Directoryはサーバーコンポーネントがデフォルトとなり、クライアントコンポーネントと指定しない限りサーバーサイドでレンダリングされます。 組織的にコードを管理することにより、可読性や開発効率、セキュリティが向上します。 Supabaseはバックエンド機能を提供するクラウドサービスで、データベースにPostgreSQLを使用しています。 フロントエンドとバックエンドの境界がなくなるので、より効率的な開発が可能になります。 最新の技術を使用してブログを構築していきましょう。
Chapters
はじめに
Supabaseアカウント
SQL Editor
Next.js準備
App Directory
App Directory専用画面
Supabase連携
サーバー側クライアント作成
Supabaseクライアント作成
レイアウト修正
状態管理Zustand
サインアップ
ログアウト
ログイン
プロフィール
ブログ新規投稿
ブログリスト
ブログ詳細
ブログ編集
おわりに
Author
フルスタックでの開発が得意で、YouTubeでゼロから開発するフルスタックのプログラミングチュートリアルを発信中です。 youtube.com/@fullstackchannel 最近は、Blender、Three.jsでインタラクティブなWebサイト、ゲームを作っています。
Topics
- 公開
- 本文更新
- 文章量
- 約56,311字
- 価格
- 1,500円
61
ポスト