0xzmk.com Open in urlscan Pro
2606:4700:3034::6815:f4d  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Fruition: Free, Open Source Toolkit for Building Websites with Notion

Search


Try Notion




FRUITION: FREE, OPEN SOURCE TOOLKIT FOR BUILDING WEBSITES WITH NOTION



If your site doesn't work, please read this section.
Features: custom domains, pretty URLs, dark mode, custom font, custom Javascript
Use cases: perfect for your portfolio, blog, job posting, landing page, or
business site
Benefits: completely free, no coding required, no lock-in, open source
Downsides: self-managed solution, needs ~10 minutes to setup
Hello! My name is Stephen, a huge Notion fan and a software engineer. I decided
to combine the two and build something cool for the Notion community.
The result is Fruition. With Fruition, you can build and customize your website
using Notion pages. It supports custom domains, dark mode, Google Fonts, SEO,
and script injection. The coolest feature is pretty URLs. Click this link ⇒
Showcase, address bar should say fruitionsite.com/showcase.
Today, I'm sharing with you how to do it for free, with no coding knowledge
required.
If you want a fully managed solution, you should use sites like Super. If you'd
like to DIY and save some money like hundreds of people have done, follow along.
It will take 10 minutes. I promise it will be easier than setting up a WordPress
site.


GET STARTED


Prefer video instead? Watch this step-by-step tutorial created by Dimitris
Kamaritis.
On a high level, we are utilizing Cloudflare Workers to rewrite traffic. The
solution is inspired by this script (thank you Mayne!), and I added my own
features like pretty links.
Step 0: Prerequisite
Step 1: Set up your Cloudflare account (5 mins)
Step 2: Customize and generate the script (2 mins)
Step 3: Paste the script in Cloudflare (1 min)


LOVE FROM OUR USERS


Hundreds of people have used Fruition. Hear what some have to say.
> Wow, just wow. Thank you so much for releasing Fruition - it is an absolute
> beauty to work with! I especially love the front end to auto-generate the
> Cloudflare worker script. - Conrad Lin on Product Hunt

> +1 for Fruition. Free and pretty easy to setup with step by step instructions.
> - Tim Jeffries on Notion Facebook Group

> This is probably the easiest-to-manage website ever. Just open Notion, change
> stuff, done. - Chris Coyier on CSS-Tricks

> Kudos to you for releasing this. Particularly the clean URLs. - Zee Kane via
> email

> It works flawlessly and it's very easy to set up. I have officially switched
> from the WordPress pain and it feels liberating. - Remgriff Maximus on Reddit

> It was so easy to set up a custom domain for my Notion site with Fruition. I
> tried doing it on my own previously but got stuck since I am not a coder. -
> Vivek Raju via email

> holy crap. this is 99% of what i have been looking for. - Steve Klabnik via
> Twitter

> Fruition makes Notion pages much prettier with custom domains. It’s a lot like
> a starter version of Super, and it’s open-source and free to use. - Product
> Hunt Newsletter

> This is incredibly awesome. I just want this project not to die. That's all.
> Thank you so much. - Nitesh Manav on Product Hunt

> I tried it out this week and was so impressed by how simple it was to get
> started. Give it a try! - Notion Experts Newsletter

> Making our website in Notion was a breeze with Fruition. It's not often that
> something is so well documented and works at the first try. Thanks a million!
> - Bram Hilgersom via email

> Fruition is incredibly sleek. Hell of a job, good work! - AJ Adams via email

> This is some next level wizardry. - Pilotboi on Reddit



> That's the main thing I was missing, custom slugs, so if I want to change my
> system at some point, no links would ever break! - Edgaras Benediktavicius on
> Github

> This is by far the best way to add custom domains to your Notion pages and
> even a solution for creating multi-page websites. - Dimitris Kamaritis on
> YouTube

> I've been beta-ing this product for a few days, and it works flawlessly. -
> Matt Green on Product Hunt

> such. a. useful. tool. THANK YOU. - Devan Sood on Twitter

> This is brilliant, took me about 15 minutes to set up and I’m not very techie.
> Clear and easy to follow step by step instructions. - Tracy Algar on Reddit

> If you love Notion and always wanted to use custom domains with it, you'd
> normally have to pay upwards of $50/year. Now you can do it for free. - David
> Miranda on Twitter

> Fruition checks EVERY box for trends I’m excited about. - Chris Sperandio via
> Twitter

> I've been tempted to migrate my personal site over to Notion (with a URL
> redirect), but this is significantly better. Especially like the pretty URL
> slugs. - Dan Smolkin on Reddit

> If you want to set up a quick blog/website, Notion + Fruition is by far the
> easiest way to go. - DK on Twitter

> Got this working in less than 10 mins. Amazing work! - Daniyal Javed Khan on
> Notion Facebook Group

> It saved us so much time to develop something to show others from scratch.
> Such a godsend, just really wanted to show my appreciation - Shawn Cheng via
> email

> You made a really great guide and the auto-generated script was amazing. -
> Nathan Brucher via email

> woah this is super cool! - David Jiang

Built a site with Fruition? Shoot me an email to be featured in the Showcase.



FAQS


Is Fruition completely free?
My site doesn't work. Please help.
How did you come up with the idea?
How is Fruition different from Super, HostingPotion, or HostNotion?
How do I use a subdomain?
How do I make www. work on my domain?
Why does the URL flash when I first load the site?
Where's the code?
Is it affiliated with Notion?
How can I help? Can I donate?


EXTRAS


Showcase

Thanks

Roadmap


Fruition: Insider's Look
May 2020 * 730 words * 4 mins read This is the story of how my weekend project
got to #7 on Product Hunt, 10000 visitors, and a lot of positive reviews from
users. I've been a pretty avid user of Notion (yes, I get $5 if you signup with
the link, but hey, you get $10!)
https://stephenou.com/fruition







Powered by Fruition