Next.js 프로젝트 생성 : npx create-next-app@latest

디렉터리 이동 : cd your-project-name

프로젝트 실행 : npm run dev

브라우저에서 접근 : localhost:3000

git clone 후 npm install 실행

---

/about - about 정보 페이지

/request - get api 조회 페이지

/todo - ToDo-List 기능 페이지

---

Next.js ?

• SEO 최적화, 서버 사이드 렌더링(SSR), 정적 사이트 생성(SSG) 등 다양한 기능을 제공하여, 많은 기업과 개발자들이 Next.js를 선택하고 있습니다. 예를 들어, Netflix, GitHub, Hulu 등 많은 대형 기업들이 Next.js를 사용하고 있습니다.

---

페이지 기반 라우팅

• Next.js는 파일 기반 라우팅 시스템을 사용합니다. 즉, pages 디렉토리에 있는 파일들이 자동으로 라우트로 매핑됩니다. 예를 들어, about/page.tsx 파일은 /about 경로로 접근할 수 있습니다.