Шаблон блога на Next.js для публикаций в MDX, со стилями Tailwind CSS и TypeScript, готовый к деплою на Vercel.
notionnext-org/NotionNext
Превращает рабочее пространство Notion в настраиваемый публичный сайт для блога, портфолио, документации и лендингов на Next.js и Notion API.
Open source альтернатива:Notion Sites
Super.so
Potion
- Звёзды
- 11,871
- Форки
- 14,707
- Открытые issues
- 24
- Последний коммит
- 18 часов назад
Что это?
NotionNext — система для создания сайтов с открытым исходным кодом на Next.js и Notion API. Публикации, категории, теги, меню и страницы можно создавать и упорядочивать в Notion, а NotionNext публикует их на открытом сайте с поддержкой SEO, sitemap, RSS и поиска.
В проект входят 26 встроенных тем для блогов, сайтов с документацией, портфолио, продуктовых лендингов, фотогалерей и сайтов с навигацией. Для деплоя доступны Vercel и Zeabur — собственный сервер не нужен. Можно подключить системы комментариев, например Giscus, Twikoo, Gitalk, Cusdis и Utterances, а также аналитику и собственные домены.
Для настройки нужно создать копию шаблона Notion, сделать форк репозитория и подключить его к Vercel, указав ID страницы Notion в переменных окружения. Для локальной разработки нужны Node 22 и Yarn 1.
Ключевые возможности
- 01Публикует страницы, записи и меню из Notion на открытом сайте — собственный сервер не нужен.
- 02Включает 26 встроенных тем для блогов, документации, портфолио, лендингов и сайтов с навигацией.
- 03Поддерживает SEO, sitemap, RSS и поиск по сайту.
- 04Интегрируется с системами комментариев, например Giscus, Twikoo, Gitalk, Cusdis и Utterances.
- 05Позволяет развернуть сайт на Vercel или Zeabur, подключить собственный домен и аналитику.
Сценарии использования
- Ведение личного блога, когда все тексты остаются в Notion.
- Создание портфолио или сайта личного бренда для дизайнеров и фотографов.
- Публикация продуктового лендинга или главной страницы SaaS, управляемых из Notion.
- Преобразование базы знаний Notion или командной документации в сайт с поиском.
Быстрый старт
- 1
Клонируйте репозиторий или создайте его fork и откройте локально
- 2
Используйте Node 22 (Node 20 не может установить текущие зависимости)
nvm use || nvm install - 3
Установите Yarn 1 глобально
npm i -g yarn - 4
Установите зависимости
yarn - 5
Запустите локальный сервер разработки
yarn dev
Что важно знать
- Требуется Node 22; Node 20 не может установить текущие зависимости.
- Контент необходимо поддерживать в Notion, а для запуска сайта нужно настроить ID страницы Notion.
Темы
Частые вопросы
- Что такое NotionNext?
- Превращает рабочее пространство Notion в настраиваемый публичный сайт для блога, портфолио, документации и лендингов на Next.js и Notion API. NotionNext — система для создания сайтов с открытым исходным кодом на Next.js и Notion API. Публикации, категории, теги, меню и страницы можно создавать и упорядочивать в Notion, а NotionNext публикует их на открытом сайте с поддержкой SEO, sitemap, RSS и поиска.
- NotionNext можно использовать бесплатно? Какая у него лицензия?
- NotionNext распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- NotionNext всё ещё поддерживается?
- Активно поддерживается. Последний коммит в NotionNext — 21 окт. 2026 г..
- Для чего можно использовать NotionNext?
- Ведение личного блога, когда все тексты остаются в Notion. Создание портфолио или сайта личного бренда для дизайнеров и фотографов. Публикация продуктового лендинга или главной страницы SaaS, управляемых из Notion. Преобразование базы знаний Notion или командной документации в сайт с поиском.
- Как установить NotionNext?
- Клонируйте репозиторий или создайте его fork и откройте локально Используйте Node 22 (Node 20 не может установить текущие зависимости): nvm use || nvm install Установите Yarn 1 глобально: npm i -g yarn Установите зависимости: yarn Запустите локальный сервер разработки: yarn dev
- Где скачать NotionNext?
- Исходный код и инструкции по установке — на GitHub: https://github.com/notionnext-org/NotionNext
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Open-source headless CMS для редактирования Markdown, MDX, JSON и YAML в собственном Git-репозитории с GraphQL API.
Коллекция устанавливаемых наборов инструкций, которые дают AI-агентам для кодинга знания о Vercel и лучших практиках React/Next.js.
Самостоятельно размещаемая панель для отслеживания рынков акций с графиками в реальном времени, ценовыми оповещениями, списками наблюдения и данными о компаниях на базе Next.js и TradingView.
Бесплатная open-source альтернатива Splitwise для совместных расходов и учёта балансов с друзьями и семьёй.
Нативная для Next.js headless CMS и фреймворк приложений с бэкендом на TypeScript и настраиваемой админ-панелью на React.