Как создать сайт из Notion

Меня зовут Антон Сабуров, я веду канал Anton No Code где делаю обзоры на сервисы и решения в сфере визуального программирования.

Делюсь с вами текстовой версией обзора на решения, которые позволяют делать из Notion-документа полноразмерный сайт. Это очень удобно, если вся ваша рабочая деятельность находится внутри этого сервиса и вы не хотите сильно заморачиваться за разработку.

Посмотреть видео-обзор можно тут

Это делается через кнопку "Share"

В качестве дополнительной настройки вы можете включить режим редактирования ваших документов, комментирование и сохранения как шаблона.

Минус этого подхода в следующем:

Свой домен не подкрутить
Отсутствие SEO-адаптации

Улучшить дизайн заголовков, кнопок, объектов
Добавить создание форм
Меню, "хлебные крошки" и прочие атрибуты навигации
И многое другое, что присуще классическим сайтам:
человеческие ссылки, SSL, метатеги, sitemap, favicon.

Пример шаблона посадочной страницы >> тут
Шаблон персонального сайта >> тут
Минималистичное портфолио >> тут
Расширенное портфолио >> тут
Шаблон блога >> тут
А-ля таплинк >> тут

Тут можно воспользоваться сервисом виджетов для Notion

https://indify.co/

Инструмент бесплатный. Делать кнопки очень легко.

Выберите формат кнопки (текст+иконка)
Вставьте надпись кнопки
Вставьте ссылку кнопки
Настройте стиль
Скопируйте код кнопки

Дальше через встраивание кода добавляем ссылку в нужное место

Можно добавить гуглоформу или Typeform, но в среде Notion есть специализированные решения. Одно из них:

notionforms.io

NotionForms

Чтобы добавить форму проходим через 4 этапа:

Регистрируемся и делаем интеграцию сервисов
Создаем таблицу. Это будет база данных для нашей формы.
Создаем форму и привязываем к таблице. Делаем настройку.
Добавляем в нужное место на нашем документе.

Интерфейс простой и позволяет быстро создать нужное количество форм.

А при учете что сервис бесплатный (при наличии водяного знака) - это просто супер.

Внутри есть большое количество настроек по кастомизации формы, работе с уведомлениями и интеграциями. Но за расширенный функционал придется платить.

Мне больше всего понравился SUPER

super.so

Super — Build websites with Notion

Внутри огромный фарш из функционала

Но мне больше всего заинтересовал новый функционал - Builder.
Он позволяет перетягивать объекты на страницу и создавать функциональные сайты во главе c Notion. Это прям интересно.

Благодаря этому можно создавать более сложные структуры, типа вот этих

Сервис SUPER стоит 12$ за сайт в месяц.

Дополнительно интересно воспользоваться шаблонами. Из достаточно много. Средняя цена платного шаблона - 10-15$.

Второй игрок, который позволяет создавать из Notion-документов полноразмерные сайты Potion

potion.so

Create custom websites in minutes. All on Notion.

Начну с того, что поделюсь с вами ссылкой на сайты, созданные через связку Notion-Potion

Пример1, пример2, пример3, пример4, пример5.
Посмотрите, в этих сайтах чувствуется какая-то своя "фишечка". Мне нравятся. Хотя свои я пока делаю на carrd.co.

Potion берет 10$ за сайт в месяц.
За эту цену вы получаете возможность:

добавить собственный домен
кастомизиировать сайт
получить высокую загрузку контента
SEO-адаптацию

А последнего игрока я недавно нашел на ProductHunt - это индийский стартап

www.notiondiary.xyz

Notion Diary

Notion Diary позволяет создавать блоги из Notion-документа.
Механика проста, как и у предыдущих ребят.
Интегрируете сервисы - добавляете таблицу, куда добавляете новые материалы.

Сервис бесплатный и работает на Notion API, который только недавно выкатили.