Build a Facebook-like commenting system in Bubble

Подписаться 19 тыс.

Просмотров 11 тыс.

50% 1

Let your users post comments in your Bubble app. Creating commenting functionality is relatively straightforward in Bubble.
🎓 For more videos like this, check out my complete Bubble course (45+ hours of lessons) 👉 thinkitbuildit.co
View my editor for this app
bit.ly/3y3d50o
The database design video I mentioned
• Good database design i...
🔰 Contents 🔰
💻 00:00 - Simple 'Reddit' like commenting
💻 10:07 - Adding ability to 'show more' comments
💻17:42 - Adding ability to 'show less' comments
💻 22:24 - Creating a feed of posts and comments, like Facebook

Опубликовано:

27 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 59

@camilordofficial 3 года назад

brooo so good to see you back. I started with your first two vids about 8 months ago and next week i am launching my site. keep them coming man.

@mneary 3 года назад

That's awesome to hear! Good luck with the launch

@MomoBojji Год назад

Thank you. This tutorial is so good

@vasudevddn98 2 года назад

Thanks for posting. ✌️

@rainbowbolt5544 Год назад

Super helpful man keep making these videos 👍

@bethanypithan 2 года назад

Love this tutorial! Thank you! Can you do one on creating a calendar system for a company creating events, adding users, notifications, and tasks. Thank you! :)

@josephrutgumjoan3831 3 года назад

I wish I knew this earlier. This is very helpful. I have the same page where everyone can post and comment, unfortunately i have different approach to link the comments to the main post. Whenever a comment is made, it will capture the unique id of the main post. Then to display all the related comments, i will filter all the comments data by the captured unique ID.

@Probanot 2 года назад

thanks!

@MultiProbation 2 года назад

thank you Matt!

@mneary 2 года назад

You are welcome :)

@tarafield304 2 года назад

Thanks so much. I have been trying to do this for two days and I found your tutorial, really helped me. Do you have a video about how to display data on another page that is not a pop-up, such as a whole page? I can't seem to find one of your tutorials on that. I want to display a user profile page.

@mariaconstantine2850 Год назад

Matt, super helpful tutorial! Appreciate you sharing. One question I hoped you would touch on: do you know how users can @ mention other users like in most commenting experiences (Facebook, IG etc)? I'm struggling to find info on this function.

@engmondy1111 2 года назад

You sounds very knowledgeable about bubble system. I like your videos and I am planning to buy your courses too. As a side note though, it would be very powerful if its a nested comments system instead. Great job nevertheless. Cheers.

@mneary 2 года назад

You're in luck kind sir. Here's a recent tutorial on nested comments - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-a0QKrA6Smuo.html

@hustlinglabs 3 года назад

Hi Matt, great tutorial here. I'm struggling to get the time right. Using the Relative Time plugin, the text is stuck at "A few seconds ago". I also noticed that's an issue you had on your own demo at the end of the video. Any idea how to display the correct time? Cheers 🍻

@mneary 3 года назад

Oh you’re right! That’s a mistake I made in the video. Within the plug-in, I set the date to be the current date/time, but it should have been set to the comments created date.

@remkomooi6040 Месяц назад

Very useful. However, I'd think that Bubble searches are faster when you take the post as a basis, and search for the related comments, rather than the other way around. This is because once you have a database with potentially 10.000's of comments, searching through all these for their parent post should take longer than searching for the child comments of one post. What do you think?

@tigranpapyan2348 2 года назад

Thank you for the great video. I have one question: how can I set a state, when clicking on the "show more" button, to show all the comments and vice versa to show only the first three ones, when clicking "show less"?

@mneary 2 года назад

Set state to be a number, and include condition that says if state is not empty, show 'items until [state number]. Set state to number when show more is clicked, set to null/empty when show less is clicked

@pierreramzy8448 2 года назад

This is very well done, but I'm wondering how would you create "replies" in an effecient way that doesn't affect performance too much? I've built this on another platform but performance was very poor due to it being in nested list and poorly setup database relationships

@nardocusimaytasalazar4286 2 года назад

Yo need to create a field on the comment data called replies = list of comments

@invest4rookies 3 года назад

Hi Matthew, I am currently in your airdev bootcamp 101 summer 2021 intake. This bootcamp is from which intake?

@mneary 3 года назад

This video isn't from the bootcamp! canvas.airdev.co/bootcamp for those who are curious 😉

@4amwaj 3 года назад

Hi mate, really amazing tutorial.However I'm actually stuck and cant follow because I don't know how to make the initial post or anything. Do you have a tutorial on that?

@mneary 2 года назад

Hey, I would suggest doing some basic tutorials learning about creating data! Try this one - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-llIJJagQk88.html

@hustlinglabs 3 года назад

How would you go about building nested comments? Basically, a functionality to allow users reply to comments.

@mneary 2 года назад

You'd just need a new data type called 'reply', with a field 'comment'. Then you'd put a repeating group of replies inside of the repeating group of comments

@VChatelet-Quinz 2 года назад

@@mneary Can that work recursively? I would like to build a simplified subreddit clone with potentially infinite trees of comments

@mneary 2 года назад

@@VChatelet-Quinz yeah you could have each reply be attached to either a comment or a reply

@VChatelet-Quinz 2 года назад

@@mneary How do you nest the group though? and how do handle visibility?

@VChatelet-Quinz 2 года назад

reusable element cannot contains themself

@danieligbereyivwe31 2 года назад

Thank you so much Matt, my comments disappears after a sec when they are added

@mneary 2 года назад

If your comments aren't appearing properly it can be due to a) the search expression on your RG b) the relationship your comments have to the post c) privacy rules. Without more information I can't help much more than that, sorry!

@mneary 2 года назад

At what point in your setup are you seeing this issue (i.e. before setting up show next/previous feature)? Check that the page is actually loading a 'post'. The page is acting as a container of the post and each comment is attached to that post. You may need to create a post manually in your database and paste it's unique ID at the end of the url path (see my preview tab for reference).

@danieligbereyivwe31 2 года назад

Thank you Matt for your help. Sorry for the late response

@sarahlim4347 2 года назад

I love your tutorials~ Do you have a company where i can outsource the work~?

@mneary 2 года назад

Absolutely - airdev.co

@punishedgrimm 2 года назад

I've done exactly like the video, and when i post the comment he just stay for some seconds and then disappears, how i can fix this ?

@mneary 2 года назад

I haven't heard of that before. Check your RG display settings and use the debugger's inspect mode to see what data is actually stored in the repeating group

@mneary 2 года назад

@chinedungwoke6294 2 года назад

what of like

@JoeSharp1 2 года назад

I'm looking at this comment I'm about to post with so much more respect now.

@robhopper5729 2 года назад

Can you make a video on making the nested comments? So the Replies go under the comment.

@mneary 2 года назад

Yes. Yes I can.

@robhopper5729 2 года назад

@@mneary awesome, I look forward to seeing it! This is one of the last features I need on my site along with notifying the user when someone comments/replies.

@mneary 2 года назад

Nice! What kind of app are you building Rob?

@robhopper5729 2 года назад

@@mneary The website is to be used for the combat robotics community. So this would be one of the final touches I need on the site. Need the nested reply function, and the ability to edit/delete a reply if you're the one who posted it. Finally a simple notification system that alerted the one who posted that it has comments (or that your comment was replied on)

@mneary 2 года назад

@@robhopper5729 hah love that, so epic. Is it your first attempt at a bubble app?

@Djaxad 3 месяца назад

This is NOT a facebook typo of commenting, you don't have branches and complicated structures

@filmedonglasses 2 года назад

you didn't share half the things you did in the initial setup. This is always what most people fail with: the setup, as a tip please focus more on this rather than diving in assuming users have the same setup as you.

@mneary 2 года назад

You're spot on llai, seeing people have similar issues for that exact reason. Lesson learned!