웹사이트 구축 질문

Question

안녕하세요, 이번에 강의로 보면서 천천히 클라이언트 + API활용 + 어드민 + 데이터 활용하여 웹사이트를 구축 하고 직원들에게 배포를 진행할려고합니다. 현재 사용 중인 기술 스텍 Next.js + React + TypeScript Vercel(유료) Supabase(유료) TailwindCSS + shadcn/ui CSV/엑셀 구조는 로그인 / 회원가입 / 고객 가입 / 담당자 / 온보딩 멀티테넌트 + RLS 역할 기반 라우팅 임베딩, 매칭 다수의 API 까지 사용하고있는데 다만 데이터가 쌓일수록 문제가 홈페이지 들어갈때나, UI 클릭시 다수의 시간이 걸린다는점입니다. 이 부분에서 추가적으로 어떤 공부를 진행해야하는지 감이 안잡혀서 글을 남깁니다. 따로 짐코딩님의 볼 강의나, 추천해줄 공부할게 있을까요? EX) 백엔드, 백엔드 프레임워크 등

짐코딩 · Answer

안녕하세요! 👍 지금 기술스택에서 크게 두 가지 만 공부하시면 됩니다. 1. Next.js의 다양한 렌더링 전략 SSR / SSG / ISR / 서버 컴포넌트 등, 어떤 데이터를 어디서(서버냐 클라이언트냐) 언제 그릴지 골라 쓰는 법이에요. 무거운 목록은 서버에서 처리하고, 자주 안 바뀌는 페이지는 미리 생성해두면 체감 속도가 확 빨라집니다. 2. 캐싱 전략 한 번 가져온 데이터를 다시 안 불러오게 하는 거예요. Next.js 자체 캐싱(데이터/라우트 캐시)과 클라이언트 캐싱(React Query·SWR)을 이해하시면, "클릭할 때마다 다시 로딩"이 사라집니다. 이 두 가지가 데이터 쌓일수록 느려지는 문제의 핵심 해법이에요. (DB 인덱스는 그다음 단계로 보시면 됩니다.) 🙌 감사합니다!