Building a Personal Website in Notion

Stub page — auto-generated from wikilink references. Not yet written. Referenced in 3 wiki pages.

Saved links

• September 3rd, 2020: Super — custom websites built from Notion pages.

Where this appears

• Almost Finished Recreating My Personal… (tweet)
• This is Now Absolutely the… (tweet)
• We Just Launched Radix Icons… (tweet)

Saved from Roam

• Tags: #Notion Personal Websites
• Explanation for Notion Team
  • Notion already allows for simple public sharing (e.g. you can make your website publicly accessible and even indexed for search)
  • Feels like they already have the inner-workings / capabilities to build a micro-webflow / squarespace with their existing product.
  • There are several examples of websites build on Notion:
    • https://blakeir.com/
    • https://finlister.com/
    • https://marcgeffen.com/
    • https://jscherbak.com/
  • And some people have built really effective guides around how to setup a personal website using a combination of Notion, Cloudflare, etc.
    • https://www.keepproductive.com/blog/build-a-website-in-notion
    • https://fruitionsite.com/
  • The best example of this is Super.so that is built by @Traf and Jason Werner. That, for ~$4-15 a month they add on domains, unique fonts and icons, and web analytics.
  • Feels like this could be a real opportunity for Notion to bold on a Webflow-type product for simple websites that can really drive adoption of the core note taking tool because its easy to drag and drop stuff into your website.
• Tools
  • Super.so that is built by @Traf and Jason Werner.
  • https://fruitionsite.com/ - connecting your unique URL to your notion page
• Other Examples
  • Damir Becirovic - https://www.notion.so/Damir-Becirovic-11574aa3fe5140e5a403a44b5800b139
  • https://www.notion.so/Brett-Bivens-cd6e8634bd5044979ad82d15bd14f936
  • https://www.notion.so/Hi-I-m-Lade-Tawak-9fa5a6b0f1ce4aaf96784c736f7217ea
    • Too much text
    • Like her breaks / sections (e.g. portfolio)
  • https://fruitionsite.com/92053970e5084019ac096d2df7e7f440?v=2a4d1dcc01854a26a5ac41a6ec8e5925
  • https://www.notion.so/Sheel-Mohnot-acb2920cf07147e88dd24f1774bf4898
  • https://www.notion.so/4c4fecceb06b457cab6a736ea3c9b913
  • https://www.notion.so/Provisional-Ideas-50a33fc58c7d437180951d5e1ff8aa0b
  • https://www.notion.so/ryan-dawidjan-414196ebb5204aa89f5af7ead579cae4
• Articles
  • Building my personal website in Notion: The pros and cons by Lade Tawak
    • I was “bookmarking” the links in Notion so I could move everything to GitHub later, but the learning curve was too steep and I had been sitting on the resource for too long, so I decided to publish on Notion as it was.
    • A while later, I started taking the creation of my website more serious. I checked out all the popular platforms: Squarespace, Webflow, Wordpress. I settled on Webflow and even created wireframes. Again, I was using Notion to brainstorm ideas for some of the content that would go on the website, as well as general content strategy.
    • That’s when I had a lightbulb moment: I could create my website in Notion.
    • I got a tip from a Twitter friend that I could simply use the URL redirect function on NameCheap, so I set that up and that was that.
    • I don’t have to pay for hosting, and when I inevitably reach the block limit for free accounts, it’s still cheaper than regular website hosting on any of the aforementioned platforms.
    • Notion also gives you the option of allowing your page appear in search engines. I’m not sure how well this competes with standard SEO on hosted websites, but I’ll assume it works.
    • There’s no way for me to get site analytics. I don’t know who visits my website, what country they’re in, how they got there, what they searched to find it, and other information that analytic tools on hosting platforms can provide. On the one hand, I’m missing out on what could be valuable information, but on the other hand, it’s one less thing to worry about.
    • My website won’t live on Notion forever, and when the day comes where I think it is now necessary to invest in analytics, SEO etc or to jazz up my website, then I will move to Webflow as planned (or use whatever works then). A personal website is supposed to help you showcase your work and yourself, and right now, Notion serves my needs perfectly.
  • How to Build a Personal Website inside Notion by Alice Camilla
  • The Community Creator - How to run a low-cost membership community or creator business with Circle, Memberspace, Gumroad, Notion & Super by Makerpad
    • Best guide to building a no-code community with Circle.so, Memberspace, Gumroad, Notion, and Super.so