- 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用コンポーネントとして書き出す
- CMS管理: Front Matter