mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-05 05:07:14 +02:00
d205f35c4c
* codesandbox: use node 14 by default * Regenerate examples * Add example json files to prettierrignore
45 lines
935 B
Markdown
45 lines
935 B
Markdown
---
|
|
title: Create a Page
|
|
---
|
|
|
|
Any React or Markdown file created under `src/pages` directory is converted into a website page:
|
|
|
|
- `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';
|
|
|
|
function HelloWorld() {
|
|
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`.
|