見出し画像

NotionAPI×Next.jsでテックブログを作成してみた

使用した言語+ツール

  • Next.js

  • tailwindCSS

  • Html/CSS/JavaScript

  • Vercel

  • Notion

なぜ作ろうと思ったのか?

個人的なブログをnoteで投稿していたのだが既存のプラットフォームに投稿するのみでなんか創造性に欠けるなと思い,やっぱりSEになるなら自分で個人ブログを実装しないとでしょと思い,自分的に管理しやすいnotionからブログも管理できるようなものがあったら最高だなと思い作りました!

実装した機能

notionAPIを利用して実装しているのでこのようなnotion上で書いた記事を投稿する事ができます さらにchecked欄にチェック✅を入れるか入れないかによって投稿されるかされないか管理する事もできます!タグを選択したり,投稿のアイキャッチ画像なども登録する事ができます。

作り方について

作り方については各コンポーネントごとに週1の週刊連載として掲載していこうと思います~(個人ブログでも同時掲載!)第一回目はNotionAPIをなげる方法についてやろうと思います!

広告

↓に作成したテックブログ(個人ブログ)を掲載しておきます!是非見てみて
ください!



この記事が気に入ったらサポートをしてみませんか?