Vercelの新しいOGPイメージ生成ライブラリ@vercel/ogをNext.jsを導入する手順
2022年10月11日に、Vercelが新しいOGPイメージ生成のライブラリをリリースしました。 以前まであったは、リポジトリを別に用意・デプロイをして画像を生成するもので、準備に時間がかかり使えるようになるまでの作業が繁雑でした。 新し…
Next.js + Markdown + 多言語で作るサイトの設計方法
当サイト（route360.dev）構築の際、初めから多言語で構築を行った際の備忘録です。 「コンテンツはローカルにMarkdownファイルを保存する」という形式をとったため、ファイルの呼び出し+言語振り分けにやや苦労しました。 ヘッドレ…
多言語サイトが作れるヘッドレスCMSを比較検討した
このサイト（route360.dev）は、Next.jsとMarkdown、そして3つの言語（日・英・仏）で作られています。 「このサイトのフロントエンド構造について」でも説明したように、当初はDatoCMSを使ってサイト構築を行っていま…
このサイトのフロントエンド構造について
当サイト（route360.dev）のアーキテクチャ・設計について紹介します。 Reactフレームワーク: Next.js Next.jsを採用した理由は、多言語サイト対応が導入しやすかったからです。 当初はGatsby.jsで多言語サイ…