Next.jsとは、Reactのフレームワークの一種です。 ビルド回りの面倒を見てくれたり、ルーティングやSSR/SSGの機能が組み込まれていたり、サイト作りに必要な機能が一通り揃っていて便利です。 このサイトもNext.jsで実装されています。
Node.jsでMarkdownをplain textに変換する
Node.jsを使って、Markdownのマークアップを削除してプレーンテキストに変換する方法です。依存関係は無いようなので、ブラウザでも動くはずです。
Next.jsでWeb VitalsをGoogle Analyticsに記録する
Next.js 9.4から追加されたIntegrated Web Vitals Reportingという機能を使って、LCPやらFIDやらのWeb VitalsをGoogle Analyticsのカスタム速度に記録する方法です。Google Analyticsへの記録にはReact-GAを使っています。
Next.js + MDXでブログを作る 〜 Blanktarの場合
このブログはNext.jsとMDXを使って作られています。Next.jsはブログ用というわけではないので、少し工夫が必要な箇所がありました。この記事は、その工夫をまとめたものです。
Blanktarをリニューアルしました！
2012年に作ったCMSモドキで運用してきたBlanktarですが、いい加減古臭さが目立ってきたので全面リニューアルを行ないました！ モダンな技術を色々取り込んでいます。