Experience:
Advanced
For those who want to:
At Makerpad, we often get asked by the community for a Product Hunt clone. That is, tutorials showing you how to build a tech stack that achieves functionalities like;
You asked, and we delivered. This tool-path shows you how to set up and build your own Product Hunt clone, chiefly using Webflow, Jetboost, and Memberstack.
Shout out to Sara Saunders, a Makerpad Creator in Residence, for contributing this tool path!
With Jetboost's 'CMS Dynamic Filter' Webflow template, you can easily get started with the basic functionality of Product Hunt. In this tutorial, we show you how to clone this Webflow project and get started building your Product Hunt clone in just under 5 minutes!
Community voting is the core function around which Product Hunt is built. In this tutorial, we guide you through the initial styling setup for your member home page and upvoting system, ready to connect to Jetboost.
You can create a form directly in Webflow to allow members to submit products to your site. This tutorial shows you all the steps you need to follow to get the form set up and link it to your Webflow CMS.
The Jetboost 'CMS Dynamic Filter' template comes with quite a few CMS collections already, but you need to add a few more if you want to capture comments and members. In this tutorial, you will learn how to set up your CMS.
With some simple formatting, you can have individual product pages that include product info, plus 'Related products' and 'See what's shipped' sections. With this tutorial you'll learn how to fully format your product template page.
In order to show members the products and comments they are submitting, you need to set up a member template page. In this tutorial, learn how to set up your template with sections for product submission, any previous comments submitted, and any previous products submitted.
Jetboost is the tool that allows you to add search, favorites, and dynamic filtering functions to your Webflow site. In this tutorial we'll walk through how to connect Jetboost to Webflow so that your search, filter, tag, status, favorite and voting functions all work correctly.
Memberstack as a tool allows you to manage the members that will be voting and commenting on your site. In this tutorial, you will learn how to set up Memberstack so that you can then integrate it to your Webflow site.
Once you've set up Memberstack, you'll need to integrate it with your Webflow site. This tutorial shows you how to make the integration so that you have a fully functional site that allows people to vote and comment.
In this tutorial, you'll test out your build and troubleshoot common obstacles.
In this tutorial, we'll cover a few basic automations that you can add to level-up the functionality of your Product Hunt clone site. This includes using member IDs to sync Memberstack profiles with your Webflow member dashboards, and how to set up product, platform and tag IDs to help you with further automations later down the line.