Building Blog with Notion + Next.js + Vercel
2021/11/25 By: @sukechannnn
Notion + Next.js + Vercel でブログを立ち上げた。
まだ最低限の見た目を整えた程度だけど、これから増改築していこうと思う。
やったことは、以下のリポジトリを pull してきて、不要なページを削除したり、見た目を整えたり、font等の雰囲気を Notion に寄せたり、リファクタリングしたり...という感じ。
Notion の特殊な記事オブジェクトを表示する部分の実装がとても良くできてて、ブログ記事を表示するページの見た目がしっかり作れてよかった。CSS むずいけど、いじって見た目を調整するのけっこう楽しい。
上記リポジトリはNotionの公式APIが公開されるまでに作られたようで、現状は非公式APIを使ってる(せっかく公式のAPIが公開されてるので、そちらに移行する予定)。
あとは、一覧ページの見た目がしょぼかったり、SNSシェアボタンがなかったりするので、そこらへんも追加していきたい。
Vercel 初めて使ったけど、めちゃくちゃ簡単に GitHub からデプロイできて良い感じ。でもよしなすぎて、build が Vercel 上でだけエラーになる時とか調査できなくて困った(ファイル名をまるっと変えたら解決した...そんなバナナ)。CircleCI のように ssh で入れたら良いのだけど、今後に期待。
まだ API 周りは触れてないので、近いうちに試してみたい。Vercel そのもののUXがすごく良いので、触ってるとサービス設計の勉強になりますね。