メインコンテンツまでスキップ

ページの作成

スタンドアロンページを作成するには、src/pagesMarkdown または React ファイルを追加します:

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

最初の React ページを作成する

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>My React page</h1>
<p>This is a React page</p>
</Layout>
);
}

新しいページが http://localhost:3000/my-react-page で利用可能になりました。

最初の Markdown ページを作成する

src/pages/my-markdown-page.md にファイルを作成します:

src/pages/my-markdown-page.md



# マークダウンページ

これはマークダウンページです

新しいページが http://localhost:3000/my-markdown-page で利用可能になりました。