約1年半ぶりにリニューアルしたポートフォリオです。
技術スタック
- Astro
- React
- Tailwind
前回のポートフォリオはNext.jsとTailwindで製作しましたが、静的サイトに向いているというAstroに興味があり採用しました。
テーマ切り替えボタンといった一部にReactを用いています。
メインのスタイリングには Tailwind CSS を採用しました。
使い慣れており、手軽にスタイルを適用できるため採用しています。
コンテンツ
このポートフォリオのコンテンツはすべてヘッドレスCMSで管理しており、ビルド時にAPIを叩いてサイトを生成しています。
これによって簡単にコンテンツの更新ができるようになりました。
シンタックスハイライトには Prism.js を用いています。
マークダウンで記述したコンテンツはCMS側でHTMLに変換されますが、TeX記法をサポートしていません。
そのため、TeXのレンダリングを将来的に行っていきたいと考えています。
追加したい機能
- TeXレンダリング
- OGP表示