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:

```jsx title=โ€src/pages/my-react-page.jsโ€ import React from โ€˜reactโ€™; import Layout from โ€˜@theme/Layoutโ€™;

export default function MyReactPage() { return ( <h1>My React page</h1> <p>This is a React page</p> ); }


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

## Create your first Markdown Page

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

```mdx title="src/pages/my-markdown-page.md"
# My Markdown page

This is a Markdown page

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