From efb449041e030c8d9ec06a4f4cfbf5554c868a93 Mon Sep 17 00:00:00 2001 From: shu Date: Sat, 5 Sep 2026 21:00:19 +0800 Subject: init commit --- docs/tutorial-basics/create-a-page.mdx | 43 ++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 docs/tutorial-basics/create-a-page.mdx (limited to 'docs/tutorial-basics/create-a-page.mdx') diff --git a/docs/tutorial-basics/create-a-page.mdx b/docs/tutorial-basics/create-a-page.mdx new file mode 100644 index 0000000..20e2ac3 --- /dev/null +++ b/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 ( + +

My React page

+

This is a React page

+
+ ); +} +``` + +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). -- cgit v1.2.3