AstroとCloudflare Pagesでブログを公開した


著者のアイコン zsrtrgh |

この上のやつは散歩したときに撮った写真 ↑

きっかけ

  • なにかを投稿してみたかった
  • Markdownを使いたかった
  • 僕にとってはNext.js・Reactが難しく感じた
  • 既存の記事投稿サービスを使うのはなんとなく嫌だった
    • 特定のサービスに依存したくない
  • 自由にレイアウトをいじってみたかった
  • Cloudflare Pagesを使いたかった
    • CDNで配信してくれる
    • 無料で使えるのに制限が厳しくない

したこと

  1. 良さそうなフレームワークを探した
  2. Astroの公式のブログテンプレートをみつけた
  3. そのまま使わせていただいた

くわしく

  1. npm create astro@latestを実行するとかわいいのがでてくる
╭─────╮  Houston:
  We're glad to have you on board.
╰─────╯
  1. ここでUse blog templateを選択しました
tmpl   How would you like to start your new project?
 Include sample files 
 Use blog template 
 Empty 

Astroは親切なフレームワークですね
ありがたい

  1. GitHubにpushする
  2. Cloudflare Pagesに連携する
  3. 完成🥳

これから

  • 飽きるまでいろいろ書いてみます!