NotionヘッドレスCMS化記録 (2) ページプロパティの読み取りとMarkdown生成 | Marginalia
前回に引き続き、今回はNotion APIで取得したページのデータから記事のMarkdownファイルを生成するまでに苦労した点を書いていきたい。 ページプロパティの読み取り前回は Notion 公式のJavaScript向けクライアントライブラリ（以下 @notionhq/client) を使ってページやブロックのデータを取得した。 https://github.com/makenotion/notion-sdk-js 最終的に Hugo で記事としてビルド可能なMarkdownファイルを生成するためには、記事のタイトルやタグなどを保持する Frontmatter 情報と、記事の本文の情報の両方を Notion のページから読み取って変換しなければならない。 しかしこれも思いどおりにはいかず、いくつかの工夫が必要だった。 ページプロパティオブジェクトのキーがIDじゃない前回の記事で Pag
Notion APIで自分のポートフォリオサイトを作ってみた
Notionのbeta版のパブリックAPIで現時点でどこまでのことができるか試してみるため、自分のポートフォリオサイトを実際にNotion APIで作ってみました。 この記事ではNotion APIの使い方と、どのようにポートフォリオサイトを作ったかをご紹介したいと思います。 完成したもの 実際に完成したポートフォリオサイトはこちら こちらはその元となっているNotionのページになります。 使用技術 使用技術は以下のようになります。最近自分の中でNext.jsとTypeScriptは切っても切れない技術になってきてます。 Next.js TypeScript Notion API また、@notionhq/clientというNotionが公式で提供しているnpmライブラリを使うことで簡単に記事データを取得することができました。 ポートフォリオサイトを作った手順 Notionにてデータベー
Notion API
Start building with the Notion API Connect Notion pages and databases to the tools you use every day, creating powerful workflows. Get started Building blocks for developers Aggregate data from many sources into your team’s workspace. Spend less time context switching, and increase visibility across the software and services you rely on. Stay in the loop Twitter Spend more time on Twitter than you
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
