📝

Next.js で、chat(チャット)を作る

2022/09/18に公開約1,000字

概要:

Next.js で、チャットを作る作例メモとなります。

  • 更新はPULL式で、タイマー間隔(3分程)を指定して。新着の投稿を受信する形にしました。
  • オープン式チャットで、チャットURLをメンバーに送信して開始する方式になります。
  • 試作版で、vercelに設置する予定です

構成

  • next.js 12
  • express
  • supabase / posgtres

参考のコード

  • next.js 12 / front

https://github.com/kuc-arc-f/nextjs12_18chat
  • API / back

https://github.com/kuc-arc-f/express_api_8chat
  • DBは、supabase 使いました。

  • デプロイは、vercelに設置しました。


実装など


  • 更新画面のレイアウト等


関連のページ

  • Next.js useRouterで、query string を取得する

https://zenn.dev/knaka0209/articles/4f3726ed13535a
  • Vercel リージョン変更で高速化の検討メモ

https://zenn.dev/knaka0209/articles/e77270de318534
  • Supabase(postgres) + Prisma , pgadmin

https://zenn.dev/knaka0209/articles/14c741d6ac7392
  • node.js / Prisma ORM / mysql

https://zenn.dev/knaka0209/articles/0cb8d5ca97bbfc

Discussion

ログインするとコメントできます