satake.blog logo
Published on

satake.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用コンポーネントとして書き出す

Tags