(image source: freepik.com)
In our previous blog post, we talked about the first few steps of how to build a blogging platform with no-code.
For this article, we’re continuing our tutorial and picking up where we left off. Previously, we learned how to display dynamic content, how to create a new file, how to view a file, and how to edit a file.
Now, we’re continuing the rest of the process to make sure you enjoy a functional app.
Let’s start!
How to connect multiple pages
Repeating groups allow created events reliant on the data of each row. This capacity comes in handy when developing navigational features throughout the blogging app.
Similar to Medium, what we’ll want to display on the homepage is only a portion of every post, including the name of the author and an excerpt. Our goal is to show the complete article only when a user tries to access the “post page.”
To fully display the article, we’ll need to send data between pages through our workflow editor.
On that note, we’ll have to establish a workflow that leads a user to the actual article (the post page) when they click on a post’s photo.
When building this workflow, we use a navigation event to direct them to a different page.
In this context, the “post page” will have to be the destination page type.
we’ll then need to establish supplemental data here so Bubble knows which posts to render and display. Here, the “current cells post” is the data you’ll want to display.
Build a search function
One fantastic way to make sure you promote your platform’s content is by making the search function available on the homepage. This guarantees that users can search for the articles they want to browse through the titles of these posts.
Furthermore, a search function also helps index every post stored in the database.
When you configure a search box as “post title,” you automatically index each entry and allow the platform to extend search suggestions as users type a title—much like how Google does it when you type into their search box.
To do this, configure your workflow editor to send users to the appropriate post page. For this to happen, build an event that a user can trigger when the input’s value is altered.
After that, build a navigation event and make sure the “post page” is set as the destination page, sending it the current value search box’s data source.
How to display content
When users are led to particular posts pages, you can source this event data and display appropriate content from the article.
To make sure this function works, you’ll have to align the data property and the designation page type that you’re working on in the workflow.
In this context, the post page will have to be set to a post property.
By categorizing a page’s content type, Bubble can quickly render and present only what’s relevant from the needed sources.
You can now begin supplementing dynamic content to the fields that give a preview for each post.
How to add comments on your blogging platform
One of the best ways to push engagements on your app is to host a comment section.
This section can easily be pulled off when we add a multiline text input field below the actual post and a repeating group.
When mapping out the repeating group, the data type should be set as “comments.” Then, the “comments from the current pages post” will be taken from the data source.
When building the “new comment” feature, we’ll utilize a button and a simple text input field. When a user clicks the “post button” a new workflow will be triggered, which means we’ll have to build a “create a new thing” for this segment.
Here, the thing we’re creating is, of course, a new comment. As with earlier steps, we’ll have to match the necessary comment data field with the on-page element.
When a new comment is written, the pages’ repeating group will immediately update the post.
How to display profiles
As with Medium and other leading blogging platforms, displaying a user’s profile is essential in building a community and its opinion leaders.
They not only help attribute the best ideas to the right people, but they also make users look forward to supporting the platform, as well.
When we create a separate user profile page, we can start displaying the appropriate information for every user on the platform.
Here, you’ll want to make sure that this page type is configured as a user.
From there, supplement the dynamic elements to the page that you want to give a review for, for every user.
Lastly, we’ll include a repeating group here, to allow us to display the list of posts a user has posted.
In this context, this repeating group’s data source will have to look for the “current page users, published posts.”
And just like that, you’ve successfully built a Medium-clone with no-code!
Bubble is a terrific no-code provider that allows you to build apps without having to manually write in code.
Interested in building your own app? We’re the agency to partner with!
