Next.js+TypeScriptでブログ作ってみた

勉強のため、Next.js+TypeScript でブログを実装し、Vercel を使って公開してみた（この記事はテスト投稿の一環）。

ブログ実装

Next.js のBlog Starter Kitを基にしている。 不要な部分を削除し、About画面に飛べるリンクをヘッダーに置いただけ。

Vercelへのデプロイ

Next.js の記事に従って簡単にデプロイできた。 GitHub に置いているブログのレポジトリと連携させているので、main ブランチにpushしたタイミングでデプロイが自動的に行われる。

展望

Markdownの記事をブログで表示するという最低限の機能しか実装できていないため、以下の機能を今後実装する予定。

• Markdownプレビュー不具合修正（コードブロック、箇条書き等）
• About（自己紹介）画面実装
• App Routerでの実装
• ダークモード
• タグ
• 検索