Next.js 란?

Next.js는 React 라이브러리의 프레임워크

Next.js의 장점

• Server-Side Rendering(SSR) 을 지원합니다. 그로인해 Search Engine Optimization에 유리합니다. React에서는 Client Side Rendering자바스크립트가 동작하지 않는 환경에서는 화면이 표시되지 않기때문에 검색엔진(SEO)과같은 로봇들이 컨텐츠를 이용할수없는 단점이 있다.

설치 및 시작방법

준비물

• Node.js 설치(LTS 버전을 권장)
• 사용할 편집기 (ex:VSCode)

1. 설치

npx는 node설치시 사용할수있는 명령어
npx: 노드로 만들어진 프로그램을 설치없이 바로 사용할수있게 해주는 프로그램

// latest(최신버전을 사용하겟다)
npx create-next-app@latest

yarn create next-app

pnpm create next-app

선택사항

1. What is your project named? my-app
   원하는 프로젝트 명
2. Would you like to use TypeScript? No / Yes
   타입스크립트 사용할건지
3. Would you like to use ESLint? No / Yes
   ESlint 사용할건지
4. Would you like to use Tailwind CSS? No / Yes
   Tailwind 사용할건지
5. Would you like to use src/ directory? No / Yes
   src 폴더 아래에서 관리할건지
6. Would you like to use App Router? (recommended) No / Yes
   App Router 사용할건지?
7. Would you like to customize the default import alias (@/*)? No / Yes
   import 구문 커스터마이징할건지?
8. What import alias would you like configured? @/*
   alias(별칭)사용할래?

질문을 선택후에 npm run dev시 실행해볼수있다.

기본적으로 http://localhost:3000번이 기본이다