Deal OpsAutomation
.com
The End To End Automation Experts
Real Estate Ops Automation Tutorial Tutorials Book Free Consult

Building a SEO-optimized free landing page in less than 20 minutes using low-code

Our favorite tech stack for building a landing page in less than 20 minutes:
Back in August 2020, some friends asked me (Steven) for some tech help to create a website for their climate advocacy campaign #TechForLocalLaw97 .
Within 20 minutes, I was done with the V1 of the website, which you can see here:
notion image

Recipe

How did I do it?
ย 
  1. ๐Ÿ“š Host content on a publicly published Notion page. Notion is especially nice because:
    1. non-technical folks can edit the content easily
    2. allows for things like embedded content (videos, photos, other web pages)
    3. already nicely formatted
ย 
Basically, Notion is the CMS.
ย 
  1. ๐ŸŒ Use Vercel for website infrastructure/hosting. Vercel is nice because it:
    1. Is free
    2. Requires very little boilerplate/setup
    3. Has built-in basic analytics for free
ย 
  1. โš›๏ธ Use react-notion-x as the library to host the Notion page on Vercel. It's as easy as one line of code to configure the React component's notionId prop!

Alternatives

๐Ÿค” Why not just use a public Notion page directly?
  • Because you don't get: free analytics, SEO, and customization
ย 
๐Ÿค” Why not use a no-code website builder tool like Webflow, Potion, or Super?
  • You absolutely should if you can't write code, but all those solutions cost at least $10/month for custom domains and/or analytics (plus you may need to add additional users for edit-only permissions, etc.)
If you can copy paste a few lines of javascript, my suggested low-code solution probably takes just as long as implementing a no-code solution
This solution is free (unless you're getting 100,000s of views, at which point you can probably monetize the traffic anyway ๐Ÿ˜ ) and way more customizable
P.S. Fillout's help center,ย  WARNTracker, DealOpsAutomationโ€™s website all use some variation of this stack as well!
Deal OpsAutomation
.com

Get weekly automation tips via our email newsletter

Tutorials

Real Estate Ops Walkthrough: Automating Transaction Tasks with Airtable, Part 1Real Estate Ops Walkthrough: Automating Transaction Tasks with Airtable, Part 2Use OpenAI ChatGPT in Airtable For FreeHow I used Airtable Automations to automate a successful newsletterBuilding a SEO-optimized free landing page in less than 20 minutes using low-code

Contact us

Book a free consult

Tools

EIN tax ID lookup toolLive company layoff tracker

ยฉ 2024 CS Ventures. All rights reserved.