mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-29 08:57:03 +02:00
9fceeb9ec5
* docs(v2): add a missing "export" from the initial template * Update create-a-page.md Co-authored-by: Sébastien Lorber <slorber@users.noreply.github.com>
45 lines
933 B
Markdown
45 lines
933 B
Markdown
---
|
|
title: Create a Page
|
|
---
|
|
|
|
Add **Markdown or React** files to `src/pages` to create **standalone pages**:
|
|
|
|
- `src/pages/index.js` -> `localhost:3000/`
|
|
- `src/pages/foo.md` -> `localhost:3000/foo`
|
|
- `src/pages/foo/bar.js` -> `localhost:3000/foo/bar`
|
|
|
|
## Create a 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 (
|
|
<Layout>
|
|
<h1>My React page</h1>
|
|
<p>This is a React page</p>
|
|
</Layout>
|
|
);
|
|
}
|
|
```
|
|
|
|
A new page is now available at `http://localhost:3000/my-react-page`.
|
|
|
|
## Create a Markdown Page
|
|
|
|
Create a file at `src/pages/my-markdown-page.md`:
|
|
|
|
```mdx title="src/pages/my-markdown-page.md"
|
|
---
|
|
title: My Markdown page
|
|
---
|
|
|
|
# My Markdown page
|
|
|
|
This is a Markdown page
|
|
```
|
|
|
|
A new page is now available at `http://localhost:3000/my-markdown-page`.
|