Skip to main content

Create a Page

Add Markdown or React files to src/pages to create a standalone page:

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

Create your first React Page

Create a file at src/pages/my-react-page.js:


_11
import React from 'react';
_11
import Layout from '@theme/Layout';
_11
_11
export default function MyReactPage() {
_11
return (
_11
<Layout>
_11
<h1>My React page</h1>
_11
<p>This is a React page</p>
_11
</Layout>
_11
);
_11
}

A new page is now available at http://localhost:3000/my-react-page.

Create your first Markdown Page

Create a file at src/pages/my-markdown-page.md:


_10
# My Markdown page
_10
_10
This is a Markdown page

A new page is now available at http://localhost:3000/my-markdown-page.