Next.js 14 버전과 함께 공개된 공식 튜토리얼 따라하기

저의 Disquiet에서의 첫 글이네요 🎉

제목 그대로 튜토리얼을 따라 학습해본 매우 짧은 후기 글입니다.

우선 웹을 개발할 때 눈에 보이는 UI 제작 외에도

1. SEO를 위한 Metadata

2. 스트리밍

3. 리액트의 서버 컴포넌트와 훅

4. Next.js가 이미지나 폰트 등을 어떻게 최적화 했는지

5. 사용자 인증에 사용되는 Next Auth 라이브러리

6. CSR인 리액트와는 어떻게 다른지

7. 그 외에 스켈레톤같은 UX 향상을 위한 UI 제작 등

여러가지 전에 알지 못했던 것들을 학습할 수 있어서 좋았습니다.

웹에 대한 전반적인 내용을 다루고있어서 큰 틀을 잡는데 도움이 많이 되었어요.

내용들을 딥하게 다루진 않지만 가볍게 한번 따라해볼만한 튜토리얼이라고 생각합니다!

제가 공부하면서 번역한 튜토리얼 링크를 공유드리면서 글을 마무리하려고 합니다.

원래 개인적으로 학습하려던 목적으로 만든 리포지토리입니다.

ChatGPT의 도움을 받아 빠르게 번역 후 수정한 글들이어서 번역이 매끄럽지 않을 수 있습니다.

그럼에도 다른분들에게 도움이될까 싶어 공유해봅니다 :)

+++

React Foundations 부분이 그새 업데이트됐네요 😂

공식 홈페이지의 내용과 꽤 다를 수 있으니 참고 부탁드립니다.

Github: (PR 환영합니다!)