NEXTJS 로 twitter클론 해보기

next

• 첫 로딩시에만 SSR 그다음 링크를 누르거나 사이트내에서 이동할때는 CSR

npm i next react react-dom

package.json의 "scripts"

• npm i dev하면 서버가 3000포트에서 실행된다.

{
	...
  "scripts": {
    "dev": "next"
  },
  ...
}

pages폴더를 만들고 index.js파일을 만든다.

• index.js
• next에서는 import React from "react"를 안해줘도 된다.

const Home = () => {
  return <div>Hello, next!</div>;
};

export default Home;

pages폴더를 만들면 index.js파일은 / 나머지 파일들은 파일이름이 주소가 된다.

pages폴더에 폴더를만들면 그폴더의 이름은 라우터가 된다.