ページの作成

Docusaurusで新しいページを作成する方法を学びましょう。

新しいページを追加

src/pagesディレクトリにReactコンポーネントを追加することで、新しいページを作成できます。

• src/pages/index.js → localhost:3000/
• src/pages/foo.md → localhost:3000/foo
• src/pages/foo/bar.js → localhost:3000/foo/bar

最初のReactページを作成

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ファイルを作成します:

# My Markdown page

This is a Markdown page

http://localhost:3000/my-markdown-pageで新しいページにアクセスできます。