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

ページを作成する

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>私のReactページ</h1>
<p>これはReactページです</p>
</Layout>
);
}

新しいページが http://localhost:3000/my-react-page で閲覧できるようになります。

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

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

src/pages/my-markdown-page.md
# 私のMarkdownページ

これはMarkdownページです

新しいページが http://localhost:3000/my-markdown-page で閲覧できるようになります。