ウェブサイトの作成

最近の技術の確認とキャッチアップを目的にウェブサイトを作成してみました。

何で作るか

まずは使用するツールの選定から。Vanilla HTML/CSS/JavaScriptとWordPressは検討対象外。主に以下の３つの選択肢かな〜と。

• Next.js
• Emdash
• Astro

まず、静的なコンテンツ中心のサイトでデータベースも不要なので、今回はNext.jsは少しオーバースペックな気がする。 WordPressの精神の後継を謳う Emdashは気になるけど、さすがにまだ早い（今日時点でv1.1.34）気がして様子見。 ということでAstroを選択。

しばらくは、コンテンツ管理にCMSは使わずAstro + Markdownのシンプルな構成で行く予定。

どこに置くか

Astroで作成したサイトで、無料で利用できるけど、本番でもちゃんと使える場所がいいので選択肢としては以下かなと。

• Vercel
• Netlify
• Cloudflare

Vercelにはすでにプロジェクトが1つあるので除外。NetlifyとCloudflareでなんとなくCloudflareを選択。今はAstroもCloudflareの傘下だし。

デザイン

サイトのデザインはTailwind Plusにある、ミニマルでクリーンな感じのSpotlightを選択。SpotlightはNext.js + Tailwind CSS + MDXで作成されているので、これをChatGPTでシンプルなAstro + Vanilla CSS + Markdownに変換してもらった。全体の雰囲気はうまく再現できていると思う。

コンテンツ

最近の技術の確認が主目的なので、コンテンツはダミーでも良いっちゃ良いんだけど。でも、それだとすぐに飽きてしまって続かない気がするので、技術の話題の他に、音楽、スペイン語、スノーボード、ジムなど自分の関心ごとについて記録します。