손에 익는 Next.js - 공식 문서 훑어보기

Next.js 14

지난 10월 26일 Next.js Conf를 통해 Next.js 14가 공개됐어요.

이번 행사에서 소개된 주요 내용은 Turbopack, Server Actions, Partial Prerendering(PPR), Next.js Learn 이에요. 자세한 내용은 https://nextjs.org/blog/next-14에서 확인하실 수 있어요.

Next.js 13과 다른 점

Next.js 14가 공개된 지금 Next.js 13으로 시작해도 될까요?

제 강의가 Next.js 13 버전을 기준으로 제작되었기에 수강생분들이 위와 같은 의문을 품으실 것 같아요.

Next.js 14는 13에 비해 크게 달라지진 않았어요. 몇가지 Breaking Change, Deprecation이 존재하지만 제 강의에서 소개하는 주요 내용을 바꿀 정도는 아니에요.

크게 달라진 점이 없는데 버전이 14로 변경된 이유가 있나요?

좋은 질문이에요. 기존에는 Node 16.14 이상 버전을 기준으로 동작했지만 이번 Next.js 14에서는 Node 18.17 이상 버전을 기준으로 동작해요. 이와 같은 이유로 버전을 올렸다고 해요.

변화에 대응하기

너무 빠른 변화에 다들 당황하시거나 허탈하실지 모르겠어요.

당장 새로운 기술이 쏟아진다고 해서 모두가 알아야할 필요는 없어요. 필요할 때 배우셔도 늦지 않아요. 부담 갖지 마시고 저와 함께 차근차근 배워나가셨으면 좋겠어요!

Next.js 14 마이그레이션 가이드를 따라하면 쉽게 예제의 버전을 14로 업그레이드 하실 수 있어요. 강의에서 사용된 날씨 앱에 적용한 브랜치도 있으니 확인해보세요. (hajoeun/weather-app/tree/next-js-14)

새로운 학습 자료

Next.js 13까지는 공식 튜토리얼에서 App Router를 소개하지 않았어요. 이번에 새롭게 리뉴얼된 페이지에서 Next.js 13에 도입된 새로운 기능도 함께 알려주고 있어요.

제 핸드북에서 다루지 못했던 부분도 따라 만들면서 배울 수 있는 가이드를 제공하고 있으니 함께 살펴보시면 좋을 것 같아요.

한편으로 너무 방대한 내용을 다루고 있어 제 핸드북을 먼저 보시고 보시는 편이 이해하는데 도움이 되실 것 같아요! (손에 익는 Next.js - 공식 문서 훑어보기: https://book.hajoeun.dev/friendly-next-js/)