Tutorials
/
🔼 Hacker news website
Get updated on new tutorials
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

🔼 Hacker news website

This was built with Bubble. It allows you to have users, profiles, upvotes, comments, posting links etc. So I built a mini Hacker News.

How it works:
  • Bubble has built in user modules so I just used the Signup/Login popup they provide
  • You need to create two extra Data types (Bubble already includes User as a data type)
  • Links (Comment, Description, URL, Title, Upvote Number and Users Who Upvoted)
  • Comments (Comment Upvote Number, Content, User Who Upvoted Comment)
  • The main content of the site will sit within a Repeating Group
  • Within that you create the structure for the posts.
  • You'll need the Current Cell's Index (for the number 1,2,3 etc)
  • Title text, upvote number and icon, link creators username, creation date and number of comments.
  • Then you need to Start Workflows to make it all stick together.
  • Clicking comments takes you to page item (Parent Group's Link) to generate an item page where you can add repeating group for comments and adding new ones etc.
  • Clicking upvote icon to +1 to the upvote number of that link item plus add your username to the list of users who have upvoted that item.
  • Add a submission page which you add text input fields which link to creating a new item that will be displayed
  • To switch between new/popular feeds you need to create custom states and have the text change the repeating group items (Sort by Popular = True or False)

If you'd like this template, to copy this tutorial, remix this workflow or get help while building it, upgrade to PRO.

Upgrade to PRO

If you'd like this template, message @bentossell on Slack with your email for the account to send this template.

🔼 Hacker news website

This was built with Bubble. It allows you to have users, profiles, upvotes, comments, posting links etc. So I built a mini Hacker News.

How it works:
  • Bubble has built in user modules so I just used the Signup/Login popup they provide
  • You need to create two extra Data types (Bubble already includes User as a data type)
  • Links (Comment, Description, URL, Title, Upvote Number and Users Who Upvoted)
  • Comments (Comment Upvote Number, Content, User Who Upvoted Comment)
  • The main content of the site will sit within a Repeating Group
  • Within that you create the structure for the posts.
  • You'll need the Current Cell's Index (for the number 1,2,3 etc)
  • Title text, upvote number and icon, link creators username, creation date and number of comments.
  • Then you need to Start Workflows to make it all stick together.
  • Clicking comments takes you to page item (Parent Group's Link) to generate an item page where you can add repeating group for comments and adding new ones etc.
  • Clicking upvote icon to +1 to the upvote number of that link item plus add your username to the list of users who have upvoted that item.
  • Add a submission page which you add text input fields which link to creating a new item that will be displayed
  • To switch between new/popular feeds you need to create custom states and have the text change the repeating group items (Sort by Popular = True or False)
Access full content
Contents
Part 1 - setting up Webflow
watch
Part 2 - setting up Webflow
watch
Part 3 - setting up Webflow
read
Part 4 - setting up Webflow
download
Bubble
Discount
✔️ Airbnb-clone marketplace w/ no-code tutorial
Tweet
Updating user profile data without code
Tweet
"Building a newsletter generator without code via @bentossell"
Tweet
"Building a user sign-in function without code"
Tweet
"Building a curated directory like @nomadlist via @bentossell"
Tweet
In 2019 I'm learning to build sites and mini-startups with Carrd 🎉 Join me!
Tweet
"Build a clone of Scott's Cheap Flights on Carrd via @bentossell"
Tweet
Tweet "Building a job board in @webflow without using any code by @bentossell"
Tweet