[Official Learn Next.js] Learn ‘App Router’ - Introduction

본 학습 과정에서는 풀스택 웹 애플리케이션을 빌드하며 Next.js의 주요 기능을 배웁니다.

다음과 같은 회계 대시보드를 구축합니다.

• 공개 홈페이지
• 로그인 페이지
• 인증이 필요한 페이지
• 사용자의 송장 CRUD

---

개요

• Styling Next.js에서 애플리케이션의 스타일을 지정하는 다양한 방법
• Optimizations 이미지, 링크, 글꼴을 최적화하는 방법
• Routing 파일 시스템 라우팅을 사용하여 중첩된 레이아웃과 페이지를 만드는 방법
• Data Fetching Vercel에 Postgres 데이터베이스를 설정하는 방법과 가져오기 및 스트리밍을 위한 모범 사례.
• Search and Pagination URL 검색 매개변수를 사용하여 검색 및 페이지 번호를 구현하는 방법.
• Mutating Data React Server Actions를 사용하여 데이터를 변형하고 Next.js 캐시를 다시 검증하는 방법
• Error Handling 404와 같은 일반적인 오류 및 찾을 수 없는 오류를 처리하는 방법
• Form Validation and Accessibility
• 서버 측 양식 검증을 수행하는 방법과 접근성을 개선하기 위한 팁
• Authentication NextAuth.js 를 사용해 애플리케이션에 인증을 추가하는 방법
• 및 미들웨어
• Metadata 메타데이터를 추가하고 소셜 공유를 위해 애플리케이션을 준비하는 방법

---

선수 지식

본 과정 학습을 위해서는 React와 JavaScript에 대한 기본적인 이해가 있다고 가정합니다.

---

시스템 요구 사항

• Node.js 18.18.0 이상 설치
• Github 계정
• Vercel 계정