minista の fetch がわかってきた

ssg react

これ。

Fetch - minista
minista（ミニスタ）はReactのJSXから綺麗なHTMLを作る日本製のスタティックサイトジェネレーターです。
Fetch - minista favicon https://minista.qranoko.jp/docs/fetch
Fetch - minista

[placeholder].tsx のように書いてデータからページを作る仕組みがなんとなく理解できた。

posts/[slug].tsx のようにて、getStaticData で paths をセットする。

import type { StaticData, PageProps } from "minista"
import { getPosts, PostType } from './myPosts';


// maybe StaticData[] ?
export async function getStaticData(): Promise<StaticData[]> {
  const posts = await getPosts();


  return posts.map((post: PageIssuesTemplateProps) => ({
    props: { post },
    paths: { slug: post.slug }, // 👈 自分で供給する
  }))
}


type PagePostsTemplateProps = PageProps & {
  post: PostType,
}


export default function (props: PagePostsTemplateProps) {
  console.log(props); // 👈 props がはいってくる。paths は来ない。


  return <MyPost post={props.post} />
}

わりと思ったように編集できるようになってきた。 CMS じゃなくて local directory から収集している部分が微妙に怪しい のだけど、 動くのでよし。

👈新

meson_book

repository javascript

react-daisyui 導入

ssg react