Next.js13とSupabaseで構築したブログにコメント機能を追加していきます。
ブログにコメントとコメントに「いいね」をすることができるようになります。
コメントやいいねのデータベースの構築方法も学んでいきましょう。
完成
ブログ構築
このチュートリアルはブログ構築の続きから実施しますので、まだ見ていない方は、下記のチュートリアルを参考にしてください。
動画
解説記事
※2023/02
Next.js 13のApp Directoryはベータ版のため、今後ディレクトリ構成が変わる可能性があります。
目標
下記を学習していきます。
- コメントといいねのデータベース構築
- コメント機能を追加
- いいね機能を追加
動画チュートリアル
動画でも解説しています。
ぜひ参考にして下さい。
機能
- コメント投稿
- コメントいいね
エラーが発生した場合
詳しいコードの解説は、Next.js、Supabase の公式ページを参考にして下さい。
ソースコード
LINE 登録すると全ての講座のソースコードがダウンロードできます。
ぜひ登録をお願いします。
LINE お友達登録
もしエラーが発生したり、分かりにくい箇所は下記のソースコードを参考にして下さい。
前提知識
このチュートリアルを始める前に、下記は学習しておいて下さい。
- React
- Next.js
- HTML
- CSS
- JavaScript
では、始めて行きましょう！！