GitHub Pagesでブログを公開するために、新しいリポジトリを作成しました。 このブログは、モダンなWeb技術を使って構築されています。
技術スタック
このブログで使用している主な技術は以下の通りです。
- Next.js (App Router): 静的サイト生成 (SSG) のために使用しています。
output: "export"モードでビルドし、GitHub Pagesにデプロイ可能な静的HTMLを出力しています。 - TypeScript: 型安全な開発のために採用しました。
- Tailwind CSS: スタイリングに使用しています。ダークテーマのサイドバーなどもTailwindのユーティリティクラスで実装しました。
- Markdown: 記事の執筆フォーマットです。
gray-matterでメタデータを解析し、remarkでHTMLに変換しています。
機能
アーカイブ機能
サイドバーには「年 > 月」形式でドリルダウンできるアーカイブ機能を実装しました。記事の date メタデータを解析して自動的に階層構造を生成しています。
自動デプロイ
GitHub Actionsを設定しており、main ブランチに記事をプッシュするだけで自動的にビルドとデプロイが行われるようになっています。
これから技術的なメモや日々の記録をここに残していく予定です。