[Gatsby] Routing

Routing

리액트 라우터를 사용하여 페이지를 생성하는 것과 달리 Gatsby는 src/pages 안에 각 .tsx 파일에 대한 페이지를 생성합니다. 예를 들어 src/pages/contact.tsx는 yoursite.com/contact 페이지를 생성하고 src/pages/home.tsx는 yoursite.com/home 페이지를 생성합니다.

 

Gatsby로 Routing 하는 것은 간단하고 리액트 라우터도, 스크린도 만들 필요 없고 그 경로와 요소들을 일일이 설명할 필요도 없다는 장점이 있습니다.

// src/pages/index.tsx
import React from 'react';

export default function Index() {
  return <div>Hello world</div>;
}

참고

• https://www.gatsbyjs.com/docs/reference/routing/creating-routes/