概要
この記事では下記動画の学習ログとしてメモを残します。
www.youtube.com
進捗
- Discordクローン作成 1. 環境構築〜Clerkの設定
- Discordクローン作成 2. ダークモード〜Prisma, PlanetScale
- Discordクローン作成 3. モーダルUI, 画像（uploadthing）
- Discordクローン作成 4. サーバ作成, ナビゲーション
- Discordクローン作成 5. サーバー作成用モーダル、サイドバー作成
- Discordクローン作成 7. メンバーの管理
- Discordクローン作成 8. チャンネル作成、サーバ削除・退出
- Discordクローン作成 9. サーバ検索、チャンネルリスト
- Discordクローン作成 10. チャンネルページ作成
- Discordクローン作成 11. 会話ページ作成
- Discordクローン作成 12. メッセージ送信
- Discordクローン作成 13. リアルタイムチャット
技術スタック
| 名前 | URL |
|---|---|
| Next.js | https://nextjs.org/ |
| PlanetScale | https://planetscale.com/ |
| Prisma | https://www.prisma.io/ |
| shadcn/ui | https://ui.shadcn.com/ |
| Tailwind CSS | https://tailwindcss.com/ |
| Typescript | https://www.typescriptlang.org/ |
| uploadthing | https://uploadthing.com/ |