diff options
| author | shu <nvcsadjkojf@outlook.com> | 2026-09-05 21:00:25 +0800 |
|---|---|---|
| committer | shu <nvcsadjkojf@outlook.com> | 2026-09-05 21:00:25 +0800 |
| commit | 7295f4e7408934a1cabc915256ea476a930c4a65 (patch) | |
| tree | 542816243742c71b2f0b5ea1fd359896538c81ec /_archived/docs/tutorial-basics/create-a-page.mdx | |
| parent | efb449041e030c8d9ec06a4f4cfbf5554c868a93 (diff) | |
Diffstat (limited to '_archived/docs/tutorial-basics/create-a-page.mdx')
| -rw-r--r-- | _archived/docs/tutorial-basics/create-a-page.mdx | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/_archived/docs/tutorial-basics/create-a-page.mdx b/_archived/docs/tutorial-basics/create-a-page.mdx new file mode 100644 index 0000000..20e2ac3 --- /dev/null +++ b/_archived/docs/tutorial-basics/create-a-page.mdx @@ -0,0 +1,43 @@ +--- +sidebar_position: 1 +--- + +# 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 ( + <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](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](http://localhost:3000/my-markdown-page). |
