[Nomad] 캐럿 졸업: feelin-tweet (next14, prisma, supabase, swr)

[DaehunGwak]

demo

• https://feelin-tweet.vercel.app/

test account

google login 을 가급적 이용 부탁드립니다. email 회원가입은 supbase default email provider 가 한 시간 당 3개 생성이 한계라 가계정 하나 생성해서 제공합니다.

• email: feelin.tweet.test@gmail.com
• password: 12341234

demo images

log in

sign up

home

tweet detail

trouble-shooting

### vercel cli 로 업로드 하려니 prisma client 가 generate 되지 않음 - postinstall step 에 prisma generate 추가 - https://github.com/DaehunGwak/react-playground/blob/30fad8f3087a73460175a434e824f331edb89ada/nomad-carrot/feelin-tweet/package.json#L10 - https://github.com/prisma/prisma/issues/5175#issuecomment-1424012304 ### src/pages 도 배포가 안됨 > src/page 로 수정 - 배포 에러로그 ### supbase `Email rate limit exceeded` - 기본으로 제공되는 email 이 한시간의 3개로 한정되어 있음  - supabase 에서 SMTP 프로바이더를 따로 제공해야함 (https://supabase.com/docs/guides/auth/auth-smtp) - 일단 기본만 사용합시당 ㅎ ### supabase oauth redirect 경로가 이상함 - 처음에 리다이렉트 로케이션이 localhost:3000 으로 되어 있었음 - 아래 경로에서 수정 가능  ### `"use client"` 는 하위 컴포넌트 모두 클라이언트 컴포넌트가 됨 - 하위에서 컴포넌트는 서버사이드 렌더링 하고 싶은데... 이러면 못함 - Suspense 와 "use server" 를 이용해서 리팩터링 ㄱㄱ - 관련 커밋: https://github.com/DaehunGwak/react-playground/pull/38/commits/b697267fe410af27566e0c4c8b0bb31b099aa28f

References

### supabase auth + next.js 관련 정리 #### References - docs: https://supabase.com/docs/guides/auth/server-side/nextjs - youtube 강의 - https://www.youtube.com/watch?v=VVElr2n90KY - https://www.youtube.com/watch?v=iXz82niZ3OA&list=PL8HkCX2C5h0X9ZFgSSUhzTI5Nh8-Olijv - https://www.youtube.com/watch?v=_XM9ziOzWk4 - https://www.youtube.com/watch?v=_XM9ziOzWk4 - google login 관련 - docs: https://supabase.com/docs/guides/auth/social-login/auth-google - gcp, supabase setup guide video: https://www.youtube.com/watch?v=dE2vtnv83Fc

[DaehunGwak]

개선점

• pagination
• post 여러번 가능한 것 막기 (post upload loading)
• 속도가 느린데 음 개선할 수 있는 방법 찾아보기... io 문제인가 > region 문제였음 (미쿡iad1이 Default)
  • vercel --prod --regions icn1
• 중복 처리

추가 구현해볼 점

• 이미지
• profile
• chat(dm)
• 검색
• geolocation post? map?