Next + React Query로 SNS 서비스 만들기
리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결
캡처링부분 질문있습니다.
https://inf.run/h6CDM<p sty
reactnext.jsreact-querynext-authmswgogo
・
한 달 전
0
54
2
- 미해결
깃에 소스코드를 찾을 수 없습니다.
36강을 보고 소스코드를 가져오려고 하는데 깃에 src/app/(beforeLogin)/@modal/(.)i/flow/signup/page.tsx파일을 업데이트하
reactnext.jsreact-querynext-authmsw김영제
・
4달 전
0
92
2
- 미해결
useInfiniteQuery promise와 react use 사용시 페이지 무한 로딩
리액트 쿼리의 suspense 스트리밍 기능 구현 중 버그가 발생해 인사이트를 얻고자 질문드립니다.상위 컴포넌트에서 useInfiniteQuery</c
reactnext.jsreact-querynext-authmsw변재정
・
4달 전
0
85
1
- 미해결
import 파일 경로를 찾지 못 해서 에러가 발생합니다.
안녕하세요. 에러가 발생해서 질문드립니다.경로는 아무리 봐도 맞게 쓴거 같은데 찾지를 못 합니다.<img src="https://cdn.inflearn.c
reactnext.jsreact-querynext-authmsw김영제
・
4달 전
0
90
2
- 미해결
css 라이브러리 추천 부탁드립니다
안녕하세요 제로초님강의에서는 css module 사용하셨고, 왜 그걸 사용하셨는지 이유를 말씀해 주셨는데요저는 tailwind나 vanilla extrac
next.jstailwindvanilla-extractayaan
・
5달 전
0
121
2
- 해결
팔로우 추천 목록이 빈 배열로 들어옵니다.
안녕하세요. 팔로우 추천 API는 팔로워 수가 많은 순으로 최대 3명을 가져오도록 되어 있는 것으로 알고 있습니다.<p style="text-align:
reactnext.jsreact-querynext-authmsw개미
・
5달 전
0
123
1
- 해결
게시물 업로드 시 userId가 undefined로 들어가는 오류
안녕하세요.게시물 업로드 요청 시 500 Internal Server Error 에러가 발생합니
reactnext.jsreact-querynext-authmsw개미
・
6달 전
0
109
1
- 미해결
useSuspenseQuery 사용 시 SSR 401 이슈 관련
안녕하세요 강사님 좋은 강의 잘 듣고 있습니다!useSuspenseQuery를 사용 중에 고민이 생겨서 질문 드립니다.<p style="text-a
reactnext.jsreact-querynext-authmswdubu777
・
6달 전
0
146
1
- 미해결
리액트 쿼리 useinfinitequery 무한스크롤 구현 시 페이지가 이동할 경우 데이터가 보존되게 할 수 있나요??
더보기 버튼 클릭 시 페이지 이동 (page=1 -> page=2) + 무한스크롤 구현 기능 구현이 필요해서 아래와 같이 구현해보았는데 어쩔땐 되고 어쩔땐 안되더라구요...<p style="text-alig
reactnext.jsreact-querynext-authmsw변재정
・
7달 전
0
160
3
- 미해결
폴링이 필요없는 이유
폴링이 필요없는 시대라고 하셨는데 그 이유가 궁금합니다
reactnext.jsreact-querynext-authmswdev pple
・
7달 전
0
83
2
- 미해결
next Request Memoization과 react cache
next.js에서 제공하는 Request Memoization 기능은 같은 엔드포인트 경로로 여러 개의 요청이 들어왔을 때 하나의 요청으로 캐싱해주는걸로 알고있습니다. 이와 관련해서 3가지 궁금증이 있습니다. <
reactnext.jsreact-querynext-authmsw변재정
・
7달 전
0
100
2
- 미해결
seo 최적화 기준은 데이터 fetching인가요 아님 데이터 렌더링인가요?
seo 관련해서 궁금한게 있습니다.seo 최적화라는게 크롤링 봇이 서버에서 렌더링된 html을 크롤링하고 인덱싱하는걸로 알고 있습니다. <p style="
reactnext.jsreact-querynext-authmsw변재정
・
7달 전
0
77
2
- 미해결
next.js 서버fetch 에러 fallback ui 구현 방법
next 공식문서를 살펴보면 단순 서버 fetch (서버액션x) 관련 에러 핸들링 방법은 딱히 안나와 있는 것 같아 질문드립니다.만약 SectionA, Secti
reactnext.jsreact-querynext-authmsw변재정
・
8달 전
0
136
2
- 미해결
프레임워크 여론 파악법
next 15, app router를 알아갈수록 어째.. 제 취향에 안맞거나 제 서비스에 적용하기에 불리한 점들이 많은데요 저만 그런건지 궁
reactnext.jsreact-querynext-authmswEric J
・
8달 전
0
113
2
- 미해결
필터옵션이 많은 페이지에서 서버 fetch를 하는게 맞는걸까요??
next 공식문서에서 서버 fetch를 권장하고 있지만필터옵션이 다수 포진된 페이지에서도 서버 fetch를 해야할까 의문점이 듭니다.<p style="te
reactnext.jsreact-querynext-authmsw변재정
・
8달 전
0
93
2
- 미해결
서버 fetch suspense 로 감싸고 새로고침 시 잠시 빈 화면이 노출된 후 fallback ui가 노출됩니다.
autoexport default function Weekday() { return ( <Suspense fallback={<WeekdayBannerLoading
reactnext.jsreact-querynext-authmsw변재정
・
8달 전
0
97
2
- 미해결
template.tsx 내 서버fetch 응답값과 클라이언트 컴포넌트 상태값 싱크가 맞지 않는 이슈
아래 코드와 같이 template.tsx에서 서버fetch 후 사용처인 클라이언트 컴포넌트로 props 넘겨주도록 세팅해놓았습니다. <code class="language-type
reactnext.jsreact-querynext-authmsw변재정
・
8달 전
0
63
2
- 해결
Auth.js 사용 시 authorize 함수가 호출되지 않습니다
안녕하세요. 먼저, Next.js 를 입문한지 얼마 되지 않아 질문이 서툴 수 있는 점 양해 부탁드립니다..!현재 msw 세팅을 완료 했고, Auth.js는 공식
reactnext.jsreact-querynext-authmsw개미
・
8달 전
0
119
2
- 미해결
next.js 에서 로그인에 관하여
안녕하세요 제로초님, 로그인 관련해서 어려움이 있어서 질문드립니다. 현재 사용하고 있는 기술 스택은 다음과 같습니다.<p style=
reactnext.jsreact-querynext-authmsw찹찹이
・
9달 전
0
124
1
- 미해결
Next의 route handler에 대한 질문이 있습니다.
안녕하세요 Next app router 관련해서 질문드립니다.현재 사이드프로젝트에서 route handler를 적극활용하고 있는데요.<p style="te
reactnext.jsreact-querynext-authmswkraf
・
9달 전
0
94
2






