[title].js

export async function getStaticPaths() {
  // ตรงนี้สามารถ List Content ทั้งหมดผ่าน API ได้
  // และใส่เป็น params
  return {
    paths: [
      {
        params: {
          title: 'some-content-title',
        },
      },
      {
        params: {
          title: 'another-content-title'
        },
      }
    ],
    fallback: false,
  }
}
export async function getStaticProps(context) {
  // ตรงนี้สามารถดึงข้อมูล content ที่ต้องการผ่าน API ได้
  const content = {
    'some-content-title': { content: 'Hello World' },
    'another-content-title': { content: 'This is Content' }
  }
  return {
    props: {
      title: context.params.title,
      content: content[context.params.title].content
    },
  }
}
export default (props) => {
  return (
    <>
      <h1>{props.title}</h1>
      <p>{props.content}</p>
    </>
  )
}