ひとこと

ひとこと

概要

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

ひとこと

その他

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