From 6e04b1bab644045398b213900b60bf1ac1c0272d Mon Sep 17 00:00:00 2001
From: Fuwn <fuwnzy@gmail.com>
Date: Tue, 6 Apr 2021 20:11:26 -0700
Subject: major: Furnish repository

---
 docs/tutorial/create-a-page.md | 45 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)
 create mode 100644 docs/tutorial/create-a-page.md

(limited to 'docs/tutorial/create-a-page.md')

diff --git a/docs/tutorial/create-a-page.md b/docs/tutorial/create-a-page.md
new file mode 100644
index 0000000..1056090
--- /dev/null
+++ b/docs/tutorial/create-a-page.md
@@ -0,0 +1,45 @@
+---
+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`.
-- 
cgit v1.2.3