Repolode
notionnext-org

notionnext-org/NotionNext

Превращает рабочее пространство Notion в настраиваемый публичный сайт для блога, портфолио, документации и лендингов на Next.js и Notion API.

Open source альтернатива:Notion SitesSuper.soPotion

Звёзды
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. 1

    Клонируйте репозиторий или создайте его fork и откройте локально

  2. 2

    Используйте Node 22 (Node 20 не может установить текущие зависимости)

    nvm use || nvm install
  3. 3

    Установите Yarn 1 глобально

    npm i -g yarn
  4. 4

    Установите зависимости

    yarn
  5. 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 обновляется ежедневно.

Похожие проекты

Самостоятельно размещаемая панель для отслеживания рынков акций с графиками в реальном времени, ценовыми оповещениями, списками наблюдения и данными о компаниях на базе Next.js и TradingView.

20,5 тыс.2,5 тыс.TypeScriptAGPL-3.0Обновлён вчера