Build a Social Media Website with Velo by Wix Part 2

Enable users to post to the news feed with a hidden post box, hashtag and link previews, and login with email verification before posting, using memory storage for status.

Learn to extract hashtags from a post using regular expressions, populate a hashtags field in the post database, and manage a global and country-specific hashtags history for trending.

Implement a link preview by extracting open graph data from shared urls using regex, fetch HTML, scrape image, title, and description, and render and save the preview with the post.

Learn to build a post repeater data function in Wix Velo, assembling posts and author details from back-end queries, formatting hashtags, truncating bodies, and managing likes, bookmarks, and links.

Populate post repeater by fetching data from backend functions and mapping it to repeater elements. Reveal the loader and posts with hash tags and link previews as the user scrolls.

Learn to implement like, dislike, and bookmark interactions in a Wix Velo social site, with login and verified profile checks, real-time UI updates, and post activity tracking.

Enable readers to read full posts and comment via a post read-and-comment lockbox, with like, dislike, bookmark, and follow actions, plus login verification and dynamic post data.

Learn to implement like, dislike, and bookmark actions on posts using a lockbox pattern, update votes and bookmarks, handle UI states, and test interactions.

implement a post comments system by validating input, saving to the post comments database, displaying comments, updating the post’s comment counter, and letting users delete their own comments.

Enable follow and unfollow actions via a follow button. Sync follower changes across the people followers and people info datasets and update the UI accordingly.

Create a shareable link for each post by linking the lockbox to its dynamic page URL, building the path from post title and replacing spaces with dashes using Wix location.

Learn to filter posts by keywords, posts from followed users, bookmarked posts, and hashtags, while debugging the link preview logic in the repeater and data handling.

Implement a keyword search on the home page by wiring a bgn search click event to call a back-end find keywords function, filter posts, and display a loading gif.

Add hashtag search by adapting the keyword search flow: detect clicked hashtags, populate the search field, and trigger the search, using has some on the hash tags field.

Implement a bookmark filter by creating a backend function to fetch the current user's bookmarked posts and filter the repeater accordingly, unsetting other search types.

Enable a following filter with a checkbox to show posts from people you follow, mirroring the bookmark filter. Add a backend function to fetch followed users.

Implement a post rank algorithm using a before update hook to recalculate rank from likes, dislikes, bookmarks, and optional views, with one-day time buckets to favor new posts.

Implement lazy loading for a social feed that loads posts as you scroll, using a bottom loader gif and skip-based data retrieval for filtered and unfiltered results.

Explore global and country trending hashtags by fetching and aggregating hashtag data over seven and twenty-one days, then populate a dynamic user interface panel for real-time insights.

Build a member public profile in Wix Velo by clicking a user icon to display that person's bio, profile picture, followers, and posts, with follow/unfollow and UI updates.

Implement a one-to-one messaging system from profiles or posts, using the People Messages and Messages tables, a messages menu, and a lockbox to send and view messages with seen status.

Build a messages page in Velo by Wix part 2, featuring envelope icon navigation, a login check, and message menu powered by DB Message Menus, DBI messages, and post messages.

Discover how to display and manage conversations in a Wix Velo app: turn messages into clickable read buttons, filter and populate message repeaters, and track seen status with chat bubbles.

Implement a messaging flow: type input, reveal post button on valid text, save messages to a database with seen flags, update related tables, and display new message notifications.

Set up triggered email alerts for new messages on a social site, including sender name and a brief message. Prompt users to log in to view the full message.

Learn to implement a notification system for a Wix velo app by building a notifier table, populating it from post activity (likes, dislikes, bookmarks, comments), and showing unseen alerts.

Connect the notifications data to a dynamic repeater on the notifications page, filter alerts for the logged-in user, and display timestamped messages with profile images and post context.

Learn to mock seen notifications by updating the latest 12 items in the notifier table when users visit the notifications page, marking them as seen via a bulk update.

Enable click-through from notifications to the related post. Update the read status and show a loading indicator while the post content loads.