Next.js로 구축 시작하기

Next.js의 기초를 배우고 모든 최신 기능을 사용하는 완벽한 기능의 데모 웹 사이트를 구축하여 초보자에서 전문가로 성장하세요.

강좌는 어떻게 진행되나요? 단계별로 전체 웹 애플리케이션을 구축합니다.

무료 Next.js 앱 라우터 과정을 통해 풀스택 웹 애플리케이션을 구축하는 방법을 알아보세요.

대시보드 시작 예제를 사용하여 새 Next.js 애플리케이션을 만들고 프로젝트를 살펴보세요.

Tailwind 및 CSS 모듈을 사용하여 Next.js 애플리케이션의 스타일을 지정하세요.

Next.js 내장 구성요소로 글꼴과 이미지를 최적화하세요.

여러 페이지에서 공유할 수 있는 대시보드 경로와 공유 레이아웃을 만듭니다.

<Link> 구성 요소를 사용하여 페이지 간을 이동하는 방법을 알아보세요.

애플리케이션에 대한 데이터베이스를 설정하고 초기 데이터로 시드합니다.

Next.js에서 데이터를 가져오는 다양한 방법에 대해 알아보고 서버 구성 요소를 사용하여 대시보드 페이지에 대한 데이터를 가져옵니다.

Next.js에서 렌더링이 작동하는 방식을 이해하고 대시보드 앱을 동적으로 만드세요.

스켈레톤 스트리밍 및 로딩을 통해 애플리케이션의 로딩 경험을 개선하세요.

부분 사전 렌더링 및 작동 방식에 대한 초기 살펴보기입니다.

Next.js API를 사용하여 대시보드 애플리케이션에 검색 및 페이지 매기기를 추가하세요.

React Server Actions를 사용하여 데이터를 변경하고 Next.js 캐시를 다시 검증하세요.

error.tsx 및 notFound를 사용하여 오류를 적절하게 처리하세요.

서버 측 양식 유효성 검사를 구현하고 양식의 접근성을 향상시킵니다.

NextAuth.js, 서버 작업 및 미들웨어를 사용하여 대시보드 경로를 보호하려면 인증을 추가하세요.

Next.js 애플리케이션에 메타데이터를 추가하는 방법을 알아보세요.

Next.js 대시보드 과정 결론