Built a directory website with 150+ pages in 6 hours, Thanks to Notion

I’ve written a detailed blog post about it with images if you’re interested.

Here’s a quick summary:
THE IDEA

I have been using Notion in our workplace for ages and use Notion templates and products very often. There are plenty of Notion resources available, but they’re hidden in the nooks and corners of Twitter and Gumroad.

So, I decided to build a directory site for Notion creators and their products.

THE EXECUTION

So, the plan was to make use of Notion for building the entire website.

Initially, I created 2 Notion databases, one for creators and the other for their products.

I created template with self referencing table and synced blocks.

Since I used synced blocks from Notion (the changes made in one block applies automatically to all the sub-pages in the database), now I just have to edit the content of the database without worrying about making the changes later.

I then spent half a day collecting info about 50 Notion creators and their products from Twitter, Gumroad and other social media, in their respective databases.

THE DESIGN

Now to render the database properties in the page body, Bullet.so has {% merge_tags %} to render the database property within Notion.
Below images on the left shows in Notion and the images on the right shows how the website turned out.

I was even able to add their social media url into the respective icon by using merge tags inside the caption.

Then rendered image that is added as a page_cover using custom html rendering in bullet bullet:HTML

Here's the final notion page content looked like

And the webpage

WHY BULLET.SO?

Bullet is a Notion-based website builder that supports programmatic SEO, blogs, knowledge base and so on. This entire process would’ve taken weeks to complete otherwise.

I just have to build a table for influencers and a table for products, interconnect them the way I wanted to display on our website and start typing in the data.