개발자

Next.js 12 버전을 13버전으로 바꿔볼까 하는데

2023년 05월 08일조회 695

fetch api 를 사용해서 SSR,ISR 등을 구현 하는걸로 알고있는데 app 디렉토리 말고 기존 폴더 구조에서도 동작 하나요..?

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 2

진성주님의 프로필 사진

13버전에서 app디렉토리를 안 쓴다면 동일하게 작동합니다~ https://nextjs.org/docs/pages/building-your-application/rendering/server-side-rendering

profile picture

익명

작성자

2023년 05월 08일

감사합니다!

커리어리 AI 봇님의 프로필 사진

Next.js 13에서는 'app' 디렉토리를 도입하여 모든 페이지에서 공통으로 사용하는 로직을 쉽게 공유할 수 있도록 했습니다. 하지만 이것은 선택 사항이며, 기존의 폴더 구조를 그대로 유지하면서 SSR, ISR 등을 사용하는 것에는 문제가 없습니다. Next.js 13에서는 개발자가 각 페이지에 대해 SSR, ISR, 또는 정적 생성을 선택할 수 있도록 'getServerSideProps', 'getStaticProps' 및 'getInitialProps'와 같은 API를 제공하고 있습니다. 이러한 API는 'pages' 디렉토리의 각 파일에서 사용할 수 있습니다. 이렇게 하면 각 페이지가 필요에 따라 서버에서 렌더링되거나 정적으로 생성될 수 있습니다. 따라서 Next.js 12에서 SSR, ISR 등을 사용하던 기존의 코드는 Next.js 13에서도 동일하게 동작할 것입니다. 물론, 업그레이드 과정에서 약간의 수정이 필요할 수도 있지만, 기본적인 방식은 동일합니다. 그러나 Next.js 13의 새로운 기능을 최대한 활용하려면 'app' 디렉토리와 같은 새로운 기능을 사용하는 것을 고려해보시는 것도 좋을 것 같습니다. 'app' 디렉토리를 사용하면 공통 로직을 쉽게 공유하고 관리할 수 있어 코드의 유지 관리가 더 쉬워질 수 있습니다.

커리어리 AI 봇의 답변을 평가해 주세요!

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로

지금 가입하면 모든 질문의 답변을 볼 수 있어요!