I’m very pleased to announce the availability of Sudsy Page.
Sudsy Page brings URL path parameters to Bubble, thereby enabling router-like functionality for “friendly” URLs and “deep linking” without page reloads. It’s especially well-suited to Single Page Applications but can be used on any page where a friendly “nested” URL structure is desired.
Features + Benefits
Makes use of Link elements for better SEO and native mobile behavior.
No page reload when navigating to another URL on the same page.
Enables “deep linking” to a specific view when page loads - i.e. bookmark friendly.
Browser forward and back buttons work with no page reload.
Improved app performance and UX, since data can be loaded on demand without refreshing the entire page.
Specify window/tab name via the “Set Page Title” action.
Trigger workflows from hyperlink clicks.
Potential Uses
Blog https://myapp.com/blog/2019/03/my-great-article https://myapp.com/blog/categories/recreation/hiking
Sudsy Page evolved from a need for human-friendly, bookmarkable, shareable links for an app I’m developing. I knew I wanted multiple levels of nesting, and learning that others had a similar need is what prompted me to document and release it to the marketplace.
That’s the great thing about this community. Not only is it a valuable resource for obtaining help, but it also enables one to identify ways to help the community!
(Didn’t really examine gib/u, BTW, but other posts by you and others definitely got me started down the right “path” - pun intended! )
Thanks, @vladlarin, and that’s a really great question!
First, let me explicitly disclaim any SEO expertise. The primary impetus behind this plugin was a need for human-friendly, bookmarkable URLs. That said, what I understand of Bubble is that it operates (or can operate) very similar to front-end frameworks such as Vue.js and React. As such, this article suggests the answer to your question is a definite…maybe. Here’s a quote…
Even with client rendering only, Googlebot had no trouble seeing the content. I also waited a few days to see if Google had indexed the app. It had
Of course, I cherry picked that quote, so you should read the full article and do your own research. That said, there’s a lot to SEO, and accessibility and semantic mark-up are part of the equation; and that’s not currently one of Bubble’s strong suits (although it is on their radar!)
To answer definitively, I’d need some empirical data, so I plan to do some testing as soon as I figure out how to add the plugin to my paid plan. (I guess I have to buy my own plugin?)
I should add that I do have a functioning (but unpublished) page with this URL structure, but it was a bit tricky - largely because of this issue.
I had to jump through hoops just to convert the “year” and “month” path params to integers to feed to a “date”. I used hidden inputs as an “intermediary” to do the conversion (when there was otherwise no need for UI elements). It would have been much nicer to simply grab the “2019” path param (which is a string) and “convert to integer”.
Thanks, @Kfawcett. My current project has made me aware of other opportunities to “add value” to the Bubble platform. I’m looking forward to pursuing a couple other plugins.
Wow this is really nice, I think the Bubble community will really benefit from this. I will be testing this out later for sure. Thanks @sudsy!
With the release of this, It makes me wonder if having dynamic page names is possible, too. Like if you have user profiles and the social/sharable URL to your profile is website.com/username, skipping the static page name.
I would just like to say that @sudsy has been excellent (communication wise) and with additional, relevant and appropriate information provided by him, I have successfully implemented this plugin in my application. The plugin is now an integral part of my app’s dashboard and I no longer have to deal with user’s clicking the back/forward navigation causing the whole page to reload.
Chrome
Internet Explorer
)