DATA-WORLD-BLOG
2023-11-10
notionate
👤horomiyarn add notionate使い方の説明がわかりにくいから、全然使いこなせない。
DBのカラム名までは取れたけど、DB内のプロパティを取るやり方が分からなかった。
notionateにはどんな関数があるのか、実行するとどんな表示になるのかが不明確でたどりにくい。
VSCodeのsuggest機能で辿っては見たものの、欲しいデータまではたどり着けなかった。
前に、forkしていじったのがこんな感じ。
これを今回importでライブラリーっぽく使えればと思ったんだけど、、、失敗。
ページはできる。けど、Page IDを環境変数で指定して、それを取ってくる感じ
import type { GetStaticProps, NextPage } from 'next'
import { FetchBlocks, ListBlockChildrenResponseEx } from 'notionate'
import { Blocks } from 'notionate/dist/components'
import 'notionate/dist/styles/notionate.css'
// Import when enable dark-mode
import 'notionate/dist/styles/notionate-dark.css'
type Props = {
blocks: ListBlockChildrenResponseEx
}
export const getStaticProps: GetStaticProps<Props> = async (context) => {
const blocks = await FetchBlocks(process.env.NOTION_PAGEID)
return {
props: {
blocks,
}
}
}
export default const Page: NextPage<Props> = ({ blocks }) => {
return (
<>
<Blocks blocks={blocks} />
</>
)
}この、Page IDをDBから辿って取得できたら…..っていうのがうまくできなくて詰んでる。
そもそも、getStaticProps終わってるし、READMEを最新のNextで説明して欲しいな〜
検証を何度かやってたら、エラーになっちゃっていじれなくなっちゃったけど、
なんだかな〜
このファイルに関数あるのかな…?
FatchPageってのがあやしいから次回はこれをいじってみる