본문으로 건너뛰기

페이지 만들기

standalone 페이지를 만들기 위해 src/pages마크다운 또는 리액트 파일 추가하기:

  • src/pages/index.jslocalhost:3000/
  • src/pages/foo.mdlocalhost:3000/foo
  • src/pages/foo/bar.jslocalhost:3000/foo/bar

첫 리액트 페이지 만들기

src/pages/my-react-page.js에 파일 생성:

src/pages/my-react-page.js
import React from 'react';
import Layout from '@theme/Layout';

export default function MyReactPage() {
return (
<Layout>
<h1>내 리액트 페이지</h1>
<p>이건 리액트 페이지예요</p>
</Layout>
);
}

이제 http://localhost:3000/my-react-page으로 새로운 페이지에 접속할 수 있습니다.

첫 마크다운 페이지 만들기

src/pages/my-markdown-page.md에 파일 생성:

src/pages/my-markdown-page.md
# 내 마크다운 페이지

이건 마크다운 페이지예요

이제 http://localhost:3000/my-markdown-page으로 새로운 페이지에 접속할 수 있습니다.