← トップページに戻る

Markdownブログシステムを作った

2024-06-25
made-blog.md

はじめに

このブログは、Next.jsのみでMarkdownファイルを読み込んで作成しました。

技術スタック

  • Next.js (AppRouter)
  • TypeScript
  • Tailwind CSS
  • Gray-matter (Frontmatterパーサー)
  • Remark (Markdownパーサー)
  • Remark-GFM (GitHub Flavored Markdown)
  • Remark-Rehype (MarkdownをHTMLに変換)
  • Rehype-Shiki (コードブロックのシンタックスハイライト)
  • Rehype-React (HTMLをReactコンポーネントに変換)
  • Vercel (デプロイ)

作成手順

執筆中...