aphananthe42.net

個人サイトを作った

2024-10-15

個人サイト(兼ブログ)を作った。
インターネットで地に足つけた生活をしたいため。

技術スタック的には以下の通り
ドメイン取得/管理: Cloudflare Registrar
デプロイ/ホスティング: Cloudflare Pages
SSGフレームワーク: Astro
CSSフレームワーク: Tailwind CSS
あと書くほどではないけどフロントマター周りはTypeScript。

以下それぞれの所感です。

Cloudflare Registrar

DNSレジストラサービスは色々あるけど、
① 卸売価格で売っているので安い
② 管理UIや更新周りが明確(ここが大事である)
という理由で、Cloudflare Registrarを選んだ。
Cloudflare Email Routing + Gmailで独自ドメインメールの送受信も無料でできる。

選ぶときXで各サービスの評判をエゴサしてみたけど、 みんなあのサービス嫌いすぎで笑ってしまった。

Cloudflare Pages

ドメインをCloudflareで取ったので、流れでホスティングもそのままCloudflare Pagesを使った。
もちろんGitHubレポジトリとの連携で自動デプロイできるし、今のところの想定だと普通に無料枠に収まるので、 全く問題なし。
ランニングにかかる費用は独自ドメイン代のみ。

Astro

動的なUIは不要なのでSSGでいい感じのフレームワークを探していて、 最近Astroが良いと伝聞していたのでピックアップ。
アイランドアーキテクチャを採用しているので将来部分的にReactとか使いたくなっても大丈夫。
公式ドキュメントも整理されていて分かりやすく、SSGフレームワーク初心者な自分でも難なく使えた。

Tailwind CSS

元々個人的に気になっていたので、この機会に使ってみた。
クラスにコードがズラ〜ッと並ぶのがちょっと気持ち悪い。 それ以外はまあまあ好きかもしれない。


ざっとこんな感じ。
TODOとしては、PGP対応と、デザイン周りの改良あたり。 時間とやる気があればやります。
-> PGP公開鍵ここに載せました🔑