How I Built a Personal Website in Notion in a Weekend
🤓

How I Built a Personal Website in Notion in a Weekend

How I Built a Personal Website in Notion in a Weekend

If you already use Notion, this is probably the quickest, cheapest and easiest way to get your personal website off the ground.

[this post is currently in draft form]

image

1. Decide what pages are essential to start with

I started with:

[blog]

and

[newsletter]

2. Draft your copy

Do yourself a favour and keep it super bloody simple. You can always come back and edit stuff later.

Mine’s very much a work in progress that I’ll keep tweaking over the coming weeks, but for now, open up your notes app and pretend you’re describing your site to your favourite client. Who are you? What’s the purpose? What kind of content are you sharing? What’s in it for your visiotr / why should they care?

3. Decide what opt-ins you’ll want

At a minimum, a newsletter sign-up.

Unless you’re sporting developer chops, you’ll need some kind of no-code solution to take people’s email addresses. After approx 4 mins of research, I chose Tally (https://tally.so/) - I’ve no idea if I made a good choice yet, but when speed is the goal, just make a choice and move forward.

Link up the opt-in form with your email service provider (I used Zapier to connect my Tally form with Kajabi), update your website terms if you need to, and set up a simple “Welcome” email. You can add a fancy clever sequence later.

4. Build your pages in Notion with Super 2.0

Now here’s the cool part - to build your website in Notion, you literally create pages in Notion. To speed up the process even more, I used the free drag-and-drop page builder. Absolute game-changer. Try it to believe it.

5. Customise the styling

Lol at me pretending I know how to CSS... Look, if I can follow the tutorials, so can you.

I just tweaked the colours and a few styling bits. I’m sure there are clever things I could do and templates I could use but this is fine. It gets the job done.

6. Use a synced block to add a simple footer

On my home page I set up a simple footer with links to the other “website” pages (just @mention the page to create a hyperlink) external links to the Squirm-Free School of Business and Study Notes podcast sites, along with my logo and a few bits of content.

I then went onto each of my other website pages, created “synced blocks” in the footer and connected them to the home page content, so that I only ever have to update the homepage footer and it will automatically update across all other website pages.

7. Set up a simple database to create the blog

To create the blog, I created an inline database with gallery view, then adjusted the settings. Here’s a quick walkthrough:

8. Create templates for blog posts

Read more journal entries about Leaving Social Media 👋

Journal Entries