ひとこと

概要
React Twitterクローンアプリ。フレームワークはNext.jsを使用しています。ヘッドレスCMSのSanityにデータを保存します。認証はnext-Authを採用、本家Twitterからソーシャルログインできます。ログインしていなくても投稿やアクションが行えるように設計しました。リプライ・リツイート・いいねアクションをそれぞれの投稿に対して行えます。
開発経緯
- Twitterを作ってみたい
- ReactによるSPAを学ぶ
- 非同期通信を学ぶ
仕様
Platform
web browser
Language
TypeScript
FrontEnd
React
BackEnd
Node.js
AppFrameWork
Next.js
Styling
Tailwind CSS
DB
PostgreSQL
CMS
Sanity
Authentication
next-auth
Pass
Vercel

その他
- ツイートはスクロールをトリガーにして非同期で読み込む(無限スクロール)
- レスポンシブデザイン