πŸ“”

(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