page 만들기

Add Markdown or React files to src/pages to create a standalone page: src/pages에 들어가는 렌더링 되는 jsx, tsx 또는 md ,mdx 는 단일 페이지로써 동작

• src/pages/index.js → localhost:3000/
• src/pages/foo.md → localhost:3000/foo
• src/pages/foo/bar.js → localhost:3000/foo/bar

Layout으로 감싸는 것까지 빼면 완전히 연관성 없는 페이지처럼 보여진다

Create your first React Page

Create a file at src/pages/my-react-page.js:

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 your first Markdown Page

Create a file at src/pages/my-markdown-page.md:

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.