How much does notion2site cost?
We charge a monthly fee of $8 per site that is hosted with us.
You're welcome to try the service out with a 7-day free trial, and you can cancel at any time from your "Account" page.
Can I host private Notion pages on a custom domain using this service?
We do not support hosting private Notion pages at this time. This is a highly requested feature that we will be releasing in the future.
For now, you have to set your site's root Notion page to be publicly accessible to the web. Any subpages will automatically be set to public sharing as well.
Here's an example of how this option looks in the upper right-hand corner of this page's settings:
How can I add Google Analytics to my site?
You can add any arbitrary HTML to your Notion sites, including
How can I add a chat widget to my site?
You can add any arbitrary HTML to your Notion sites, including
More info including examples coming soon.
How can I embed other types of content on my site?
Notion2Site supports embedding anything that Notion can embed.
Check out Notion's documentation on embedding for more info.
If your use case isn't covered by this type of oembed, then you may want to try embedding raw HTML which will get injected into every page on your site.
What are the advantages of your custom approach to rendering Notion pages?
Notion2Site integrates with Notion at the API level and renders this structured data via Next.js and React.
The main advantages of this approach as opposed to proxying Notion's public HTML rendering include:
- Notion's public hosting features are woefully unoptimized for standalone hosting.
- Notion has some fundamental constraints around supporting fine-grained access control at the page, block, and asset level that any Notion-hosted site will have to contend with. By accessing Notion's API and rendering these pages and assets ourselves, we can bypass all of this fine-grained access control with site-wide access control that makes a lot more sense for hosting public websites.
- We've spent a lot of time focusing on the performance of our hosted sites. For starters, we perform aggressive caching both at the API and Next.js levels for Notion data and pre-rendered pages respectively. We also rewrite all Notion image assets to go through a Cloudflare Worker for caching, image optimization, and use some neat tricks like identifying Unsplash images and adding some special imgix query params to them to ensure that all image assets load instantly. 💯
- We also use a fancy new caching technique known as incremental static site generation (ISSG). This allows us to render known pages ahead of time and then dynamically render new pages and updates to existing pages on-the-fly to a global edge CDN hosted by Vercel (the awesome peeps behind Next.js).
- There's definitely room for improvement here as well. We have some low hanging fruit to tackle as well an interesting hybrid approach that takes advantage of content-based addressing.
- Using structured Notion data as the source of truth gives us a lot more flexibility around rendering than if we were to use the unstructured HTML pre-rendered by Notion as the source of truth.
- This makes it relatively easy for us to offer multiple themes, dark mode support, extensions like site-wide search, and interop with a large community of existing React components and NPM modules.
How will you make sure site rendering remains consistent as Notion changes over time?
This is definitely one of the more difficult aspects of implementing our own renderer, but we believe the added complexity is well worth it for the added flexibility and performance advantages it gives us.
Notion will be releasing an official API to the general public soon, and their core data model is unlikely to undergo breaking changes. While it is true that some features may be added or some aspects of Notion's rendering and layout may change over time, we believe these are relatively minor issues that can be addressed via standard continuous integration testing.
This is also part of the reason we decided to build off of react-notion, an open source React renderer for Notion that is still early but has already seen great community adoption.
How does notion2site compare to alternatives?
Check out our performance comparison. As of June, 2020, Notion2Site is the only SaaS product available that integrates with Notion's API to provide standalone website hosting of Notion pages.
This is very likely how Notion intends future integrations to work pending the release of their official API.
Several alternative solutions exist which proxy Notion's publicly hosted pages. This alternative benefits from being simple and is more likely to match Notion's rendering pixel for pixel at the page level, but it is also orders of magnitude slower and less flexible.
If you care about the performance of your site, the experience of your end users, and the SEO of your content, then notion2site is the best Notion hosting solution available.
Are you affiliated with Notion?
What is your relationship with the react-notion open source project?
Notion2Site builds off of the amazing open source work behind react-notion and its predecessor, chorale-renderer.
We owe a huge thanks to Tobias Lins, Timo Lins, and Sam Wight for their open source contributions on these projects.
Towards that end, we've been in touch with Tobias and Timo with the goal of using Notion2Site as a practical way of sponsoring react-notion and related projects. We also have contributed several large PRs that will improve the OSS project for the community with fixes, features, and improvements that we've come across during our development of Notion2Site.
I founded Saasify with the explicit goal of making it easier for OSS developers to monetize their work, and I believe this is a great opportunity to lead by example. With this motivation in mind, I'm really looking forward to developing this relationship and figuring out the best way to structure this type of sponsorship going forwards while remaining true to the spirit of OSS that I care about so deeply.
Expect to hear more news on this front once Notion2Site gets past its initial launch.
How can I add my beautiful site to your showcase?
Send us an email (email@example.com) with a link to your site, and we'd be glad to add it to our showcase. 😊
Have a question that is not answered on our site? Feel free to get in touch — firstname.lastname@example.org 😊