We just rebuilt our website entirely in Notion ⚡
As a service enabling others to build websites with Notion, it didn't feel right that our own website wasn't built with it, so we decided to put out product where our mouth is, and rebuild our site using nothing but Notion and a some custom styles.
If you want to skip on the details and have a look: https://super.so
Over the last few months, we've seen a few posts on here cautioning the use of using Notion as a website. I'll be covering how using Super to create your Notion website solves all of these. There are typically three main points against doing this, all of which are legitimate concerns.
1. Performance (page speeds) 2. Security (URL hijacking) 3. Discoverability (SEO)
Firstly, the most important is performance. There's lots going on within your Notion pages, things like 3rd party scripts, unoptimized assets and images, and lots more that are all contributing to slow page speeds and loading times. With Super, we transform your Notion pages into static sites served from a CDN. Unlike the dynamic pages on notion.so, which make one request to load the page and a few more to load the data, our static sites serve the page with all its data in the first request. This makes all Super sites (that are using our static method) load near instantly. We're committed to doing our part to make a better and faster web, which is why our static sites don't have any external scripts to run on page load (analytics, trackers, etc.) other that what you decide to add, and assets like images and fonts are optimized for maximum performance.
Lighthouse scores from our default Notion page:
Lighthouse scores from that same page hosted on Super:
Before we had static sites, we used proxy sites like Fruition or Hostnotion. Apart from the terrible performance of these sites, there are pretty concerning security flaws. Any public Notion page could be loaded on these proxy sites regardless of the page owner. This opens up issues like phishing attacks and Google indexing pages on your site which you don't own. Our static sites provide a solution to this problem by only allowing pages that belong to your site to load on your site, naturally. Since we generate the page ourselves, we have the ability to fix common security issues like these to provide people with the security they expect from a modern website.
Another issue with proxy sites is that pages that should not be pages are indexed! Any Notion block from text block to a callout block to an image can be viewed as its own page. Even if you don't link to these blocks as pages, Google's crawler does. This create a lot of search engine pollution and can give people a bad impression of your site when searching for it on Google. Our static sites fix this issue by returning a 404 on any page which is not actually a page. Since search engines tend to favor fast, statically-generated websites, SEO scores on static Super sites should be near perfect. If you're using our pretty URL feature for your child pages, we'll even generate a sitemap for your site, so it looks and performs great on search engines.
Aside from all of the above, there's some pretty interesting things we allow you to do with your Notion sites:
- Custom domains (obviously), but also nested pretty URLs (super.so/guides/buttons) - Integrate custom scripts to enable things like analytics, live chat, payments, etc. - Customize the look and feel of your website with custom fonts and styles - Automatic SSL + automatic content syncing between Notion & Super