📔

(4.07.21) Building a Notion Site with Fruition

⚠️
3.11.21 update: since posting, Notion has updated their API breaking this particular workflow. Please refer to the Fruition site for updated steps.

I read a twitter thread by Makadia Harsh. He mentions building a website in Notion so I thought I'd give it a try.

🐤
Makadia Harsh on Twitter
🧵
The getting started with NoCode thread
💣
This page will self destruct on 1 July 2022 (aka. I will not renew the domain because this was a test, so when the domain expires, this page's URL will expire with it)

Anyway, I thought I'd try start at the top. His first recommendation was

Build site using Notion ⚡️Difficulty Level: 1 Understand how @NotionHQ works and try to build a site using notion. Some of the tools you can use to build a notion site. 1.fruitionsite.com 2.@super_ 3.@potion_so It is a great start to take baby steps first!

So this is me doing that with Fruition. I picked Fruition because

  1. It was at the top of the list
  2. It's free
  3. It includes a bit of manual work which made it more interesting.
  4. If you nav to Fruition site linked 👇 they provide an excellent step by step guide that I'm following right now.

Here are the steps that I took:

Prerequisite 1: A public Notion Page
Prerequisite 2: A Domain
Step 1: Cloudflare account
Step 2: Review DNS Records
Step 3: Change Name-servers
Step 4: Check Encryption
Step 5: Set HTTPS, Auto Minify, and Brotli
Step 6: Set up Workers
Step 7: Create the Script
Step 8: Using the Script in Cloudflare
Step 9: Add a Route
Step 10: Celebrate