Yurimell は最初、Vercel にてデプロイを行っていましたが、BuyMeACoffe等の投げ銭サービルを導入するためには Vercel の Pro プランにアップグレードする必要があり、毎月 20 ドルのコストがかかるため、Google Cloud Run に移行しました。Cloud Run は、コンテナ化されたアプリケーションを簡単にデプロイできるサービスです。さらにアクセスが来ない時には自動でインスタンスを停止してくれるので、コストを抑えることができます。
Cloudflare（クラウドフレア）を使用してブラウザからリクエストされた情報をキャッシュとして保持し、提供しています。
現在では、スタンダードとなっている TypeScript を採用しています。これにより、バグの発生を最小限に抑えつつ、高品質なコードを維持することができています。
私の Augmell ブログでは、Next.js 13 を採用しています。Ver.13 を使用するのは初めての試みであったため、App Router から全て学び直す必要がありました。しかし、新しいバージョンで開発してみると、情報の整理が向上しており、非常に使い勝手が良くなったと感じました。特に layout.js の存在により、何度も同じ component を書き直す必要が無くなり、コードがすっきりしました。また、サイトマップやメタタグの設定が以前よりも格段に簡単になったと感じています。
Yurimell では、記事のコンテンツを MDX 形式で扱っています。そのために、next-mdx-remote と gray-matter というライブラリを採用しています。
next-mdx-remote: Next.js プロジェクトで MDX コンテンツを非同期に読み込むためのツールです。これにより、MDX ファイルを使って React コンポーネントの中でマークダウン文法を直接使用することができ、動的なコンテンツの取り扱いが容易になります。
gray-matter: マークダウンファイルや MDX ファイルの先頭にあるフロントマターを解析するためのライブラリです。このフロントマターには、記事のタイトルや日付などのメタデータが格納されており、gray-matter を使用することでこれらの情報を簡単に取得できます。
最後までお読みいただきありがとうございました。 最近の技術進化により、ウェブ開発のアプローチも大きく変わってきました。特にフロントエンド界隈は進化のスピードが速く、追いつくのは大変です。ぼちぼち追いかけていけたらと思います。これからも、より良いブログを作っていきたいと思います。
