11.9K ·GitHub
Что это такое?
NotionNext — это система для сайтов с открытым исходным кодом, построенная на Next.js и Notion API: вы по-прежнему ведёте записи, категории, теги и меню в Notion, а она публикует это рабочее пространство как быстрый самостоятельный сайт с поиском.
NotionNext — это система для сайтов с открытым исходным кодом, построенная на Next.js и Notion API: вы по-прежнему ведёте записи, категории, теги и меню в Notion, а она публикует это рабочее пространство как быстрый самостоятельный сайт с поиском.Я и так могу делиться страницами Notion публично — что добавляет NotionNext?Публичная страница Notion — это просто документ. NotionNext превращает рабочее пространство в настоящий самостоятельный сайт с собственным доменом, SEO, sitemap, RSS, комментариями, аналитикой, поиском и подпиской по email — и рассчитан на долгосрочную работу.
Публичная страница Notion — это просто документ. NotionNext превращает рабочее пространство в настоящий самостоятельный сайт с собственным доменом, SEO, sitemap, RSS, комментариями, аналитикой, поиском и подпиской по email — и рассчитан на долгосрочную работу.Как опубликовать свой первый сайт?Скопируйте официальный шаблон NotionNext в Notion, сделайте форк этого репозитория в свой аккаунт GitHub, разверните его на Vercel и впишите ID своей страницы Notion в переменные окружения — README описывает это как путь на 20 минут.
Скопируйте официальный шаблон NotionNext в Notion, сделайте форк этого репозитория в свой аккаунт GitHub, разверните его на Vercel и впишите ID своей страницы Notion в переменные окружения — README описывает это как путь на 20 минут.Что нужно установить, чтобы запустить или доработать проект локально?Node 22 и Yarn 1. На Node 20 зависимости уже не установятся, потому что один пакет требует Node >=22, и платформа, куда вы развернёте сайт, тоже должна работать на Node 22. Дальше yarn dev для разработки, yarn build для продакшена или yarn export для статической сборки.
Node 22 и Yarn 1. На Node 20 зависимости уже не установятся, потому что один пакет требует Node >=22, и платформа, куда вы развернёте сайт, тоже должна работать на Node 22. Дальше yarn dev для разработки, yarn build для продакшена или yarn export для статической сборки.Если я соберу сайт так, не окажусь ли я привязан к Notion?Нет. Notion отвечает за контент, а сайт — за отображение и распространение, и в README сказано, что позже можно перейти на Markdown или другую систему.
Нет. Notion отвечает за контент, а сайт — за отображение и распространение, и в README сказано, что позже можно перейти на Markdown или другую систему.Я не блогер — что ещё можно на этом построить?26 встроенных тем закрывают блоги, документацию и базы знаний, портфолио, сайты продуктов, фотогалереи, а также сайты-каталоги ссылок — для каждого сценария в README есть рекомендованные темы.
26 встроенных тем закрывают блоги, документацию и базы знаний, портфолио, сайты продуктов, фотогалереи, а также сайты-каталоги ссылок — для каждого сценария в README есть рекомендованные темы.Какие темы стоит посмотреть в первую очередь?Для блогов начните с simple, hexo, nobelium или typography; для документации и баз знаний подойдут gitbook, claude или thoughtlite. opc, proxio, starter и landing годятся для портфолио и сайтов продуктов, photo и plog ориентированы на фотографию, а nav создаёт сайты-каталоги ссылок. Посмотреть и переключить темы можно онлайн на preview.tangly1024.com.
Для блогов начните с simple, hexo, nobelium или typography; для документации и баз знаний подойдут gitbook, claude или thoughtlite. opc, proxio, starter и landing годятся для портфолио и сайтов продуктов, photo и plog ориентированы на фотографию, а nav создаёт сайты-каталоги ссылок. Посмотреть и переключить темы можно онлайн на preview.tangly1024.com.Почему лучше писать в Notion, а не в Markdown-файлах?Чтобы не переключаться между инструментами для письма: записи, категории, теги, обложки и меню остаются в Notion, а публикацией занимается NotionNext. Проект вырос из Nobelium Крейга Харта, который в README назван его прообразом.
Чтобы не переключаться между инструментами для письма: записи, категории, теги, обложки и меню остаются в Notion, а публикацией занимается NotionNext. Проект вырос из Nobelium Крейга Харта, который в README назван его прообразом.Он работает где-нибудь ещё, кроме Vercel?Да. Zeabur указан в README как вариант развёртывания наряду с Vercel, в CI репозитория собирается Docker-образ, а yarn export даёт полностью статическую сборку, которую можно разместить на любом статическом сервере.
Да. Zeabur указан в README как вариант развёртывания наряду с Vercel, в CI репозитория собирается Docker-образ, а yarn export даёт полностью статическую сборку, которую можно разместить на любом статическом сервере.С какими сторонними сервисами он интегрируется?В README названы пять систем комментариев: Twikoo, Giscus, Gitalk, Cusdis и Utterances. В зависимостях также Algolia для поиска по сайту, Clerk для пользовательских аккаунтов, Supabase и Vercel Analytics.
В README названы пять систем комментариев: Twikoo, Giscus, Gitalk, Cusdis и Utterances. В зависимостях также Algolia для поиска по сайту, Clerk для пользовательских аккаунтов, Supabase и Vercel Analytics.What are similar projects?tailwind-nextjs-starter-blog, beautiful-jekyll, nextra, jekyll-theme-chirpy, cheatsheets, hugo-PaperMod, zola, sales-crm
tailwind-nextjs-starter-blog, beautiful-jekyll, nextra, jekyll-theme-chirpy, cheatsheets, hugo-PaperMod, zola, sales-crm