웹사이트 구축 질문
61
작성한 질문수 3
안녕하세요, 이번에 강의로 보면서 천천히 클라이언트 + API활용 + 어드민 + 데이터 활용하여 웹사이트를 구축 하고 직원들에게 배포를 진행할려고합니다.
현재 사용 중인 기술 스텍
Next.js + React + TypeScript
Vercel(유료)
Supabase(유료)
TailwindCSS + shadcn/ui
CSV/엑셀
구조는
로그인 / 회원가입 / 고객 가입 / 담당자 / 온보딩
멀티테넌트 + RLS
역할 기반 라우팅
임베딩, 매칭
다수의 API
까지 사용하고있는데 다만 데이터가 쌓일수록 문제가 홈페이지 들어갈때나, UI 클릭시 다수의 시간이 걸린다는점입니다.
이 부분에서 추가적으로 어떤 공부를 진행해야하는지 감이 안잡혀서 글을 남깁니다.
따로 짐코딩님의 볼 강의나, 추천해줄 공부할게 있을까요? EX) 백엔드, 백엔드 프레임워크 등
답변 1
0
안녕하세요! 👍
지금 기술스택에서 크게 두 가지만 공부하시면 됩니다.
1. Next.js의 다양한 렌더링 전략 SSR / SSG / ISR / 서버 컴포넌트 등, 어떤 데이터를 어디서(서버냐 클라이언트냐) 언제 그릴지 골라 쓰는 법이에요. 무거운 목록은 서버에서 처리하고, 자주 안 바뀌는 페이지는 미리 생성해두면 체감 속도가 확 빨라집니다.
2. 캐싱 전략 한 번 가져온 데이터를 다시 안 불러오게 하는 거예요. Next.js 자체 캐싱(데이터/라우트 캐시)과 클라이언트 캐싱(React Query·SWR)을 이해하시면, "클릭할 때마다 다시 로딩"이 사라집니다.
이 두 가지가 데이터 쌓일수록 느려지는 문제의 핵심 해법이에요. (DB 인덱스는 그다음 단계로 보시면 됩니다.) 🙌
감사합니다!
cursor 안에서 다운로드 안되는 게 많은데 대체가 필요할까요
0
24
1
업데이트로 인한 에이전트 생성 변경
0
22
1
starter kit 프로젝트에 prd 문서 만들기
0
28
2
명령어 여러줄 입력방법?
0
32
2
ctrl + 't' 단축어가 안먹어요
0
27
1
클로드코드 계획 보고 방법 알고싶어요.
0
39
2
실무 버전 출시는 언제?
0
33
1
예시 1, 2, 3에서 질문있습니다.
0
40
2
Cursor 프로젝트 목록 및 작업 환경 동기화 문의
0
36
1
파워쉘, 터미널
0
41
2
스킬과 서브에이전트 병행 사용 질문
0
50
2
터미널에서 커서 AI 직접 실행
0
40
2
이런 경우는 어떤 조치를 취해야할까요?
0
45
2
outputStyles, rules
0
47
2
hooks 설정이 안되요
0
49
2
영상 최신으로 엡데이트 요청
0
71
2
소스 코드가 회사 보안 프로그램에 막혀서 안 보여요.
0
62
2
claude code 상태표시줄 궁금합니다!
0
53
2
설치의 필요성
0
83
2
시작하기전에 질문 드립니다.
0
65
2
output style이 안나와요
0
55
2
교제 노션 복제 방법 문의
0
61
2
output style은 뭘선택하나요?
0
48
1
agent team vs shrimp task manager
0
62
2