강의 업데이트 관련

작성한 질문수 26

0

안녕하세요 haseung님, 이정환입니다.

현재로서는 큼직한 업데이트 계획은 아직 없습니다 🥲

Next.js 16에서 가장 크게 달라진 부분이 Cache Components인데, 이 부분은 강의에서 다루고 있지 않습니다. 다만 아직 표준으로 자리 잡았다고 보기는 어려운 상태라, 지금 강의 내용으로 학습하시는 데는 문제가 없으실 거예요.

현재 상태를 정리해 드리면 (Next.js 16.3 기준)

• next.config.ts에 cacheComponents: true를 직접 넣어야만 켜집니다. create-next-app으로 새 프로젝트를 만들어도 기본값은 꺼져 있어요. experimental 딱지는 뗐고 16.0에서 정식 도입된 상태입니다.

• 켜면 캐싱 방향이 뒤집힙니다. 예전에는 기본으로 캐시되고 필요할 때 끄는 방식이었는데, 이제는 아무것도 캐시되지 않고 use cache로 켜는 방식이 됩니다.

• PPR(부분 프리렌더링)이 함께 딸려 옵니다. experimental.ppr 플래그는 없어지고 이쪽으로 흡수됐어요.

• Node.js 런타임이 필수라 runtime = 'edge'와는 같이 쓸 수 없습니다.

• Next.js 17은 아직 나오지 않았고, 다음 메이저에서 기본값이 된다는 공식 확약도 아직 없습니다.

그리고 요즘은 AI에게 Next.js 코드를 요청해도 기본적으로는 이 방식으로 작성해 주지 않습니다. 아직 생태계의 기본값이 아니라는 뜻이기도 하고요.

특히 학습용 코드에서는 켜지 않으시는 걸 권해 드립니다. 켜는 순간 cookies(), headers(), fetch를 쓸 때마다 여기에 캐시 경계를 지정하라는 에러가 쏟아지는데, 지금 커뮤니티에서 가장 많이 헤매는 지점이 정확히 여기입니다. 배우는 단계에서는 노이즈만 됩니다.

켤 만한 경우는 실서비스에서 캐시 정책을 실제로 신경 써야 하고, 한 페이지 안에 정적 영역과 동적 영역이 섞여 있어 PPR의 이득이 확실할 때입니다. 그때는 처음부터 켜고 시작하시는 편이 낫습니다. 나중에 켜면 마이그레이션이 꽤 번거롭거든요.

정리하면 방향성은 확실히 이쪽이 맞지만, 아직 이걸로 배우셔야 하는 단계는 아닙니다. 기존 방식으로 만들고 필요할 때 켜는 것이 맞다고 보고 있어요.

표준으로 자리 잡으면 그때는 강의에도 반영하겠습니다.

좋은 질문 감사합니다!