NextJS

create-next-app@latest --typescript '폴더명'

• react에서 next만 바꿔줌
• typescript를 원하면 뒤에 -- 추가 후 적기

NextJS의 라우팅

• 리액트가 진행하는 라우팅이 따로 필요 없음
• pages 폴더에 '경로 이름.js' 파일을 만들고 export default 한 함수가 그대로 출력
• 반드시!!!!!!!!!!!!! export default로 해야함. 안 그러면 오류
• 컴포넌트 함수 이름은 중요하지 않음

// index.js

export default function Home() {
  return 'hi';
}

• index.js 파일은 홈 화면 출력
• localhost:3000 홈 화면에 'hi'가 출력된다.

// about.js

export default function Potato() {
  return 'about us';
}

• localhost:3000/about에 'about us'가 출력된다.
• 그래서 파일 이름을 소문자로 시작하는 거라고 뇌피셜을 날려본다.