[Next.js] 프로젝트 만들어서 실행해보기

npm init

 

npm i next@9

 

npm i react  react-dom

 

package.json을 아래와 같이 변경

{
  "name": "nodebird",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "next",
    "build": "next build"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "next": "^9.5.5",
    "react": "^16.14.0",
    "react-dom": "^16.14.0"
  }
}

 

폴더 pages 만들어주고

그 안에 파일 index.js 만들기

 

 

index.js

const Home = () = {
	return(
		<div> Hello Next</div>
	)
}

export default Home;

 

 

 npm run dev 하면 

흰 바탕에  Hello Next 만 적혀져있는 홈페이지를 볼 수 있다~!