SNS app
- PLATFORMWeb
- STACKNext.js, Node.js, Prisma, Supabase
- WEBSITEhttps://sns-client-azure.vercel.app/
- GITHUBhttps://github.com/ofhfvx0602
Next.js, Node.js, Prisma, Supabaseを駆使して簡易的でSNSのようなチャットができるサイトを制作しました。
-
■ 具体的に行ったこと
- フルスタック技術を使って簡単な機能を備えた SNS 開発
- Nodejs(Express)を使ったバックエンドAPI構築
- Supabaseを使ったDB管理
- Prismaを使ってORMを実現し、Supabaseと連携
- Prismaを使ってSNS開発に必要なモデルを定義
- JWTの基礎知識
- ユーザー認証/ログイン/新規登録API実装
- ReactのHooksを使って状態管理
- ユーザー認証/ログイン/新規登録API実装
- ReactのHooksを使って状態管理
- ThunderClientを使ってAPIテスト
- NextjsにTailwindCSSを導入
- axiosライブラリを使ってAPIを叩く
- SNSで必要な呟き投稿や呟き取得APIを構築
- Expressにおけるミドルウェア設定の意味と実装方法
- ログイン状態の監視してナビゲーションバーUIを変更
- SNSにおけるプロフィールページを実装
- identiconライブラリでユーザー新規登録時にアイコン自動生成
- 閲覧中のユーザーが投稿した呟きで取得できるAPIを作成
- Vercelを使ってNextjsをデプロイ
- renderを使ってNodejsをデプロイ