본문 바로가기

Next.js

Next.js 시작

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