앱라우터와 rc버전 & next.js
섹션04 이후 진행되는 app 라우터 강의에 rc버전을 설치
section04 이후 강의 중 next 14버전(latest)에서 사용하지 못하는 부분이 있을까요??? 그렇다면 어떤 것들이 있을까요? 강의를 바탕으로 개인 블로그를 만들어 배포해 볼 생각인데 rc버전을 활용하는 것에 문제는 없을까요??
next 강의를 들으며 느낀것이 최대한 dynamic한 사이트(페이지)들을 최대한 static하게 만들면서도 dynamic하게 만드는 것. <<< 이것이 next의 핵심 이라고 느껴지는데 제가 이해한 부분이 맞을까요??
답변 2
0
안녕하세요 이정환입니다. 순서대로 답변드릴게요
첫번째 질문. RC 버전과 14버전의 차이
14버전과 15버전(현재 RC로 사용중)의 차이는 App Router를 사용할때 두드러집니다. 여러가지 차이점이 있지만 핵심적으로는 다음 사항들이 있어요
데이터 캐시의 기본설정이 force-dynamic으로 변경됨
신규 훅 useActionState의 사용이 가능해 짐
더 구체적으로는 아래의 Next.js 공식문서를 참고해보시면 좋을 것 같아요
https://nextjs.org/blog/next-15-rc
RC 버전은 물론 정식 버전보다 안정성이 떨어지는건 사실이지만 그렇다고 완전히 못 쓸 정도의 문제가 있는건 아니라서 개인 블로그 정도의 서비스라면 RC 버전을 사용해도 문제가 되지는 않을 것 같아요 다만 추가적인 라이브러리 사용시에 호환성 이슈를 겪을 수 있다는 점은 참고해주세요!! (그럼에도 대부분 --force로 설치 자체는 가능할수도 ..?)
두번째 질문. Next.js 페이지 캐싱 관련
네 맞아요 더 정확히 표현하자면 페이지의 최대한 많은 부분을 Static 하게 처리함으로써 FCP를 최대한 단축하여 사용자의 편의성을 증진시키는데에 그 목적을 두고 있다고 볼 수 있어요 그리고 그러면서도 실시간으로 변경되는 데이터를 반영하기 위해 일부 컴포넌트를 Dynamic 하게 유지하는 기능도 빼먹지 않고 제공하고 있죠!
0
안녕하세요, 인프런 AI 인턴입니다. ajrfyd님.
앱 라우터와 RC 버전 관련된 질문에 대해 답변 드립니다.
1. next 14버전과 15(rc)버전 차이
Next.js 14버전과 15버전(RC)의 주요 차이점 및 14버전에서 사용하지 못하는 기능에 대해 설명합니다. 섹션04 이후 강의에서 14버전을 사용했을 때 발생할 수 있는 문제와, RC버전을 활용할 때 유의해야 할 사항들도 함께 안내해 드립니다.
참고로, 해당 강의에서 사용된 버전 정보에 대한 내용은 다음 질문에서도 확인할 수 있습니다:
- 이 강의는 Next.js 어떤 버전으로 진행되나요?
2. Next.js의 핵심 개념
Next.js의 핵심 개념 중 하나로서 동적 페이지를 최대한 정적으로 생성하면서도 필요한 부분에 동적 기능을 추가하는 부분을 큰 특징으로 이해하고 계신 것 같습니다. 이는 Next.js의 ISG(Incremental Static Generation)와 SSG(Static Site Generation)을 염두에 두고 하신 말씀으로 보입니다.
이에 관해 추가적인 정보로 도움이 될 만한 질문 URL을 함께 공유합니다:
- Next.js의 데이터 페칭에 대한 질문입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
버셀로 서버 배포 후 접속 시 500 에러 발생
0
66
2
컴포넌트와 레이아웃
0
54
2
@/styles/globals.css'
0
50
2
풀라우트캐시 동작 원리에서 데이터 캐시 관련 질문
0
71
2
next.js 프로젝트
0
68
1
Next.js + Tanstack Query BFF 구조 질문
1
82
2
Next.js 사전렌더링 이해하기 부분
0
84
2
모달 관련 질문
0
88
3
렌더링 관련 질문
0
108
2
중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화
0
97
2
라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.
0
95
2
SSR시 context에 params말고 query를 사용하면 안되나요?
0
106
2
npx prisma db push 시 에러가 뜹니다.
0
131
3
vercel 배포를 실패하였습니다.
0
150
3
Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?
0
93
2
getServerSideProps 함수와 SSR의 관계
0
118
6
없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다
0
93
2
실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.
0
145
2
일반적인 nextjs project architecture에 대하여..
0
120
2
2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?
0
101
2
배포 시 오류 발생
0
111
2
백엔드 서버 오류납니다.
0
107
2
취약점 제거시 nestjs 버전 문제가 생길까요?
0
117
1
eslint.config.mjs 내 rules 어떻게 설정 하나요?
0
130
1