satake.blogで使っている技術・スタイル

使用したテンプレート

• Tailwind Nextjs Starter Blog

構成の概要

• コードバージョン管理: GitHub
• パッケージ管理: bun
  • 初期はyarnを使っていたがbunに完全移行
• Webフレームワーク: Next.js
  • レンダリング方法: SSG
• スタイリング
  • CSSフレームワーク: Tailwind CSS
  • コードスニペット: Prism
  • フォント
    • テキスト: 以下をミックス
      • 数字: Nunito
      • 数字以外のラテン文字: Comfortaa
      • その他: ヒラギノ角ゴProN W3を使用できる場合は使用
    • コード: Osaka Mono
• デプロイ: Vercel
  • GitHub Deploymentsと連携
• アナリティクス: umami
• コンテンツ管理
  • CMS管理: Front Matter
    • mdx形式で記事を作成、編集
  • CMSコンテンツのビルド: ContentLayer
    • mdxをNext.js用コンポーネントとして書き出す