@Minstagram (https://minstagram-vert.vercel.app)

:홈(팔로우한 유저들의 글과 프로필만 뜸)	:유저 프로필(올린 글, 북마크/좋아요 한 글 볼 수 있고, 팔로우 가능)
:게시글(댓글, 북마크, 좋아요 가능)	:팔로우 할 유저를 찾을 수 있음

---

홈

유저 검색

유저 프로필

게시글 올리기

🍀Stack

• Client: Next.js 14
  
• Server: Next.js 14
  
• Data Management: Sanity
  
• Data Fetching: SWR
  
• Auth: NextAuth
  
• CSS: Tailwind CSS
  
• Deployment: Vercel
  
  

💻Local

• npm run dev (localhost:3000)
  
• sanity dev (localhost:3333)
  
  

📰Posts About @Minstagram

• next.config.js의 remotePatterns 설정 : https://kmmk808.tistory.com/218

• Next에서 로그인 정보 가져오는 법 : https://kmmk808.tistory.com/206

• @react-multi-carousel 사용법 및 적용 안되는 오류 해결 : https://kmmk808.tistory.com/214

• Sanity 사용법 및 오류 해결법(NEXT_PUBLIC_SANITY_DATASET) : https://kmmk808.tistory.com/209

• Sanity 쿼리 언어 GROQ (Graph-Relational Object Queries) : https://kmmk808.tistory.com/213

• SWR(Stale While Revalidate) 사용법 : https://kmmk808.tistory.com/210

• Next Hydration 관련 오류(Warning: Prop style did not match.) 이유와 해결 방법 : https://kmmk808.tistory.com/219

• debounce, throttle 사용하는 이유 + SWR에서 debounce 훅 사용하기 : https://kmmk808.tistory.com/220

• Next에서 조건부 렌더링 없이 404 페이지 만들기(컴포넌트 x) : https://kmmk808.tistory.com/221

• 클라이언트 필터링에서 서버 필터링으로 변경하기(+SWR로 최적화) : https://kmmk808.tistory.com/222

• SWR의 Global mutate와 Bound mutate, optimisticData : https://kmmk808.tistory.com/231