woosung-dev/my-nextjs-app

Next.js 13~14^ 학습 프로젝트

next.js 프로젝트 학습용 프로젝트로 기본적인 개념 및 배포 까지 해보는 프로젝트

step 1. setup

  npx create-next-app@latest

  What is your project named? my-app
  Would you like to use TypeScript? No / [Yes]
  Would you like to use ESLint? No / [Yes]
  Would you like to use Tailwind CSS? No / [Yes]
  Would you like to use `src/` directory? No / [Yes]
  Would you like to use App Router? (recommended) No / [Yes]
  Would you like to customize the default import alias (@/*)? No / [Yes]
  What import alias would you like configured? @/*``

step 2. page construction

• 정적 라우팅
• 동적 라우팅, 사전 랜더링
• not fond
• layout 컴포넌트
• meta data

step 3. page rendering

• 서버 컴포넌트, 클라이언트 컴포넌트
• SSG, ISR, CSR 랜더링

step 4. useful item

• loading, error UI (react suspense)
• image, font
• Redirect, Rewrite
• middleware