Notionで書いた文章をそのままWebサイトにできるサービス Wraptas(旧名Anotion)

※2021/10に事業譲渡を行いました

株式会社ペライチ、Notionを編集するだけでWebページを編集できるサービス『Wraptas』を買収■『Wraptas』買収の背景と目的 中小企業向けの総合型SaaS企業を目指すペライチは、予約・決済・フォーム・メルマガなどのSaaS機能を有したホームページ制作サービス『ペライチ』を運営しております。社会全体の流れとしてホームページ制作をはじめとしたノーコードサービスが増加しています。今後のサービス成長を考え、新たな事業ポートフォリオの可能性を模索しておりました。 ...prtimes.jp

サービス概要

Notionで書いた内容がそのままWebサイトになるNoCodeサービスです。ユーザーがログインして公開されている自分のNotionの記事を指定するだけで、リアルタイムに編集した内容がそのままWebサイトになります。

デザインもオリジナルのCSSで自由にカスタマイズ可能で、URLの設定や独自ドメインの設定が可能になります。

Notionに書くだけでWebサイトが作れるWraptasNotionを使ってWebサイトを作れるWraptas。更新も簡単、デザインも変更できて独自ドメインやパーマリンクの設定も可能です。wraptas.com

システム構成のポイント

インフラ・サーバー含めてVercelに任せています。Next.jsと開発元が一緒なので情報も豊富でセットアップがとても楽です。管理画面のみMusubiiというCSSフレームワークを利用しています。

サイトを作りたいユーザーがアクセスする管理画面は別サイトを準備しており、そこでFirebaseを使って認証し、自分のNotionの記事情報などをDBに保存してもらいます。有料会員はStripeを使って決済を行い、Firebase ExtentionのStripe連携を使ってサブスクリプション情報を記録していきます。

Notion自体のAPIがまだ公開されていないため、サイトアクセス時には指定された記事の内容をスクレイピングし、サイトに再構築します。実際に私個人のポートフォリオ＆ブログとして利用していましてNotionで書いてそのまま記事になる体験がとても楽です。

Notionに書くだけでWebサイトが作れるWraptasNotionを使ってWebサイトを作れるWraptas。更新も簡単、デザインも変更できて独自ドメインやパーマリンクの設定も可能です。wraptas.com

---

Anotionの歴史

構想開始&周辺技術を触ってみる

プロトタイプ公開

事前登録

ローンチ

トップページリニューアル

サービス名変更