Превращает рабочее пространство Notion в настраиваемый публичный сайт для блога, портфолио, документации и лендингов на Next.js и Notion API.
leerob/next-mdx-blog
Шаблон блога на Next.js для публикаций в MDX, со стилями Tailwind CSS и TypeScript, готовый к деплою на Vercel.
- Звёзды
- 7,575
- Форки
- 1,446
- Открытые issues
- 0
- Последний коммит
- в прошлом месяце
Что это?
next-mdx-blog — стартовый шаблон для личного блога. Он построен на Next.js и TypeScript, оформлен с помощью Tailwind CSS, а публикации создаются в MDX, поэтому в Markdown-контент можно добавлять React-компоненты.
Шаблон подготовлен для деплоя на Vercel и включает Vercel Analytics. При желании правила редиректов можно хранить в базе Postgres: они задаются в таблице redirects с полями source, destination и permanent.
Чтобы запустить проект локально, клонируйте репозиторий, установите зависимости с помощью pnpm и запустите dev-сервер. Для работы проекта требуется Node.js версии 18.17 или новее.
Ключевые возможности
- 01Публикации создаются в MDX, объединяющем Markdown и React-компоненты.
- 02В основе приложения — Next.js и TypeScript.
- 03Для стилей используется Tailwind CSS.
- 04В комплект входят Vercel Analytics и кнопка деплоя на Vercel в один клик.
- 05При желании правила редиректов можно хранить в Postgres.
Сценарии использования
- Запуск личного блога разработчика с публикациями в формате Markdown.
- Создание контентного сайта на Next.js, которому нужны MDX и Tailwind CSS.
- Деплой блога на Vercel со встроенной аналитикой.
Быстрый старт
- 1
Клонируйте репозиторий
git clone https://github.com/leerob/next-mdx-blog.git - 2
Перейдите в папку проекта
cd next-mdx-blog - 3
Установите зависимости с помощью pnpm
pnpm install - 4
Запустите сервер разработки
pnpm dev
Что важно знать
- Лицензия не указана, поэтому условия повторного использования неясны.
Темы
Частые вопросы
- Что такое next-mdx-blog?
- Шаблон блога на Next.js для публикаций в MDX, со стилями Tailwind CSS и TypeScript, готовый к деплою на Vercel. next-mdx-blog — стартовый шаблон для личного блога. Он построен на Next.js и TypeScript, оформлен с помощью Tailwind CSS, а публикации создаются в MDX, поэтому в Markdown-контент можно добавлять React-компоненты.
- next-mdx-blog можно использовать бесплатно? Какая у него лицензия?
- У next-mdx-blog не указана лицензия. Код открыт, но без лицензии нет явного разрешения на его использование — уточните у автора, прежде чем на него полагаться.
- next-mdx-blog всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в next-mdx-blog — 16 сент. 2026 г..
- Для чего можно использовать next-mdx-blog?
- Запуск личного блога разработчика с публикациями в формате Markdown. Создание контентного сайта на Next.js, которому нужны MDX и Tailwind CSS. Деплой блога на 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
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Фреймворк для создания сайтов документации на React.js с поддержкой Next.js, Astro и React-фреймворков на базе Vite.
Библиотека анимированных UI-компонентов и эффектов для React и Tailwind CSS, которые можно скопировать в приложения на Next.js или shadcn/ui.
Готовый к production шаблон Next.js 15 с TypeScript, Tailwind CSS v4, тестированием, линтингом и дополнительной инфраструктурой для деплоя в AWS.
Открытый SaaS-шаблон на Next.js с Clerk, мультитенантностью, RBAC, i18n, Drizzle ORM и Tailwind CSS.
Библиотека анимаций курсора для React и Next.js с переиспользуемыми эффектами, построенная на Tailwind CSS и motion.