my-page
- TypeScript
- Next.js
- Vercel
自分用のオリジナルプロフィールサイトをNext.js + Vercelを使用して構築しました。 記事管理ページには、Markdownを利用したカスタムCMSが組み込まれており、カテゴリー別のフィルタリング検索が可能です。
技術面など
記事のコンテンツはMarkdown形式で記述され、GitHubを通じて管理されています。標準的なMarkdownでは対応していない、画像の横並び表示やiframe埋め込みなどの機能は、h1タグのパーサーをカスタマイズすることで実現しています。 ページ描画には、Next.jsの静的サイト生成（SSG）の技術を使用しました。ビルド時にページが描画されることで、高速な静的ファイルとして提供されています。
リンク
使用技術
言語 ・・・ TypeScript フレームワーク、ライブラリ ・・・ Next.js, react-markdown, remark-gfm バックエンド ・・・ Vercel