leerob/next-mdx-blog

これは何？

主な機能

• 01MarkdownとReactコンポーネントを組み合わせたMDXで記事を記述できます。
• 02アプリケーションの基盤にNext.jsとTypeScriptを採用しています。
• 03Tailwind CSSでスタイリングされています。
• 04Vercel AnalyticsとワンクリックでデプロイできるVercelボタンが含まれています。
• 05オプションでPostgresにリダイレクトルールを保存できます。

ユースケース

• Markdownベースの記事を掲載する個人開発者ブログの立ち上げ。
• MDXとTailwind CSSが必要なNext.jsコンテンツサイトの構築。
• 分析機能をすぐに使える状態で、ブログをVercelにデプロイ。

クイックスタート

1. 1

   リポジトリをクローンする

   git clone https://github.com/leerob/next-mdx-blog.git
2. 2

   プロジェクトフォルダーに移動する

   cd next-mdx-blog
3. 3

   pnpmで依存関係をインストールする

   pnpm install
4. 4

   開発サーバーを起動する

   pnpm dev

使う前に知っておきたいこと

• !ライセンスが指定されていないため、再利用できるかどうかが不明です。

トピック

よくある質問

next-mdx-blog とは？

MDX記事をTailwind CSSとTypeScriptで表示する、Vercelへのデプロイに対応したNext.jsブログテンプレート。 next-mdx-blogは、個人ブログ向けのスターターテンプレートです。Next.jsとTypeScriptを基盤に、Tailwind CSSでスタイリングし、Reactコンポーネントを含められるMarkdownコンテンツをMDXで記述できます。

next-mdx-blog は無料で使えますか？ライセンスは？

next-mdx-blog にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。

next-mdx-blog は今もメンテナンスされていますか？

半年以内に更新あり。next-mdx-blog の最終コミットは 2026年9月16日 です。

next-mdx-blog は何に使えますか？

Markdownベースの記事を掲載する個人開発者ブログの立ち上げ。 MDXとTailwind CSSが必要なNext.jsコンテンツサイトの構築。 分析機能をすぐに使える状態で、ブログをVercelにデプロイ。

next-mdx-blog のインストール方法は？

リポジトリをクローンする: git clone https://github.com/leerob/next-mdx-blog.git プロジェクトフォルダーに移動する: cd next-mdx-blog pnpmで依存関係をインストールする: pnpm install 開発サーバーを起動する: pnpm dev

next-mdx-blog はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/leerob/next-mdx-blog