https://nextjs.org/learn/foundations/about-nextjs 에서 차근차근 NextJs를 접근할 수 있다. 근데 이런 공식문서를 어느정도 수준에 통달하고 나서야 겨우 읽히는 감이 있는 것 같다..(나는 잘 모르겠군)
Next.js 란?
- 빠른 웹 애플리케이션 을 만들기 위한 빌딩 블록을 제공 하는 유연한 React 프레임워크 입니다 .
- 프레임워크란 Next.js가 React에 필요한 도구 및 구성을 처리하고 애플리케이션에 대한 추가 구조, 기능 및 최적화를 제공한다는 의미입니다.
Next.js 시작하기
- 프로젝트에 Next.js를 추가하기 위해서는 Node.js가 설치 되어 있어야 합니다. (Node.js 버전 10.13 이상이 필요)
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
Next.js 앱 만들기 (폴더명 test)
npx create-next-app test
명령어를 입력하면 이런 파일들이 생성된다.
개발 서버 실행 (해당 폴더로 이동 후 실행, cd "폴더명" )
npm run dev
Next.js에 오신 것을 환영합니다.
http://localhost:3000 에 접근하면 이런 화면이 나온다 (23년 1월 2일 기준)
자~ 이제 시작이다.
'Next.js' 카테고리의 다른 글
Next.js 이미지 불러오기 (0) | 2023.01.09 |
---|---|
Next.js [Route] (0) | 2023.01.08 |
CSR(Client Side Rendering) vs SSR(Server Sider Rendering) (0) | 2023.01.02 |