Forum Documentation Showcase Pricing Learn more

[NEW Plugin] Sudsy Page - Squeaky Clean URLs! (by Tech-Tonic)

#1

Greetings, fellow Bubblers!

I’m very pleased to announce the availability of Sudsy Page.

sudsy-page-logo%20-%20Edited

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

  • e-Commerce
    https://myapp.com/store/products/apparel/jackets/
    https://myapp.com/store/products/apparel/footwear/sandals

  • User Account
    https://myapp.com/account/orders
    https://myapp.com/account/settings/profile
    https://myapp.com/account/settings/notifications

Demo Pages

Compatibility

  • :white_check_mark: Chrome
  • :white_check_mark: Firefox
  • :white_check_mark: Safari
  • :white_check_mark: Opera
  • :white_check_mark: Microsoft Edge
  • :no_entry: Internet Explorer

Documentation

Purchase

Bonus: Impact Factor

Feel good knowing that a portion of all proceeds from the sale of this plugin goes toward promoting science and technology literacy among youth.

Please Note

Sudsy Page works per page. It can be used on as many pages as desired, but the pages must be “internal” pages - not the home page / site root.

18 Likes
[Sudsy Page] Quick Start + Editor Access
Architecture layout best practice: one page with multiple functions/groups vs multiple pages
Can I set a dynamic destination in workflows?
Nested URL Like "/men/clothing/jackets/{productID}"?
Blog-o-rama: sample blog with clean URLs
Creating a friendly or easily readable url
Seo-cant detect h1 h2 tags
How to create a subdomain to run Bubble app on
HELP - Dynamically show group values based on URL text
Is it possible to pass a data type as a parameter?
Is there a better way to send data to a page when navigated to from an external website?
URL simplification | Has this been created on Bubble yet?
Workflow action to set page content source?
#2

Interesting! Looks like maybe you’ve boiled the crap from gib/u down into a plugin? If so, good job.

#3

Looks great!

How about SEO friendliness?
Are the “clean” URLs crawler-friendly?

I.e. can the multi-level URL (such as https://myapp.com/blog/2019/03/my-great-article) be indexed by Google?

👍 More than just clean URLs!
#4

yoooo nice

#5

Nice work @shot!

#6

I need this big time… Awesome!

#7

If a link is valid and doesn’t redirect to another place, it can be indexed by Google.

1 Like
#8

Thanks, @keith.

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! :wink:)

#9

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?)

#10

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”.

1 Like
#11

Thanks, @Beau, I appreciate it.

#12

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.

1 Like
#13

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 @shot!

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.

#14

Thanks, @marcuslate. I’m not currently aware of a way to have a dynamic page at the site root, but I can see the appeal.

1 Like
#15

Hi @shot

This is fantastic!

#16

Thanks, @jamesbond. I hope you find it useful. I’ll be posting a simple blog example later today.

#17

That would be awesome and if you could attach a link to the editor that would be even better! I’ve just subscribed to your plugin as well :slight_smile:

#18

Would really appreciate if you’d improve the documentation because I’ve literally followed all the steps but nothing is happening. ???

#19

Hi @mukhtar007. PM sent.

#20

Hi guys,

I would just like to say that @shot 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.