I have employed a simple approach for clean URLs that is stock-Bubble.
Let’s say you have a thing, Team Member.
Team Member includes some fields: firstName (John), lastName (Doe), urlSlug (john-doe)
You want a URL that loads dynamically based on a Team Member’s urlSlug being in the URL like:
Give it a state called “Team Member” and let it be a thing, Team Member.
Have all of the content of the page elements refer to team’s Team Member state.
Maybe an image that is team’s Team Member’s profileShot
An h1 text element that is team’s Team Member’s firstName lastName
A p text element that is team’s Team Member’s bioText
Set the Page Title, SEO Title, SEO Description dynamically based on team’s Team Member
Create a workflow that fires on page load Add an action like:
-Set state of Team
–Value = Search for Team Members[Constraint: urlSlug = Get path from URL{Get data from page URL- set this to Path}]:first item
This works for me so far. I hope it may work for somebody else needing clean URLs!
*There are some really nice plugins available for cleaning up your URLs for dynamic page content. Kudos to the excellent developers that continue to push Bubble’s capabilities with such fine work.
When you go to set your state to find that right Thing in the database, the value = Search for Thing with a constraint “URL Path = Get path from URL”
To get “path” from URL, use the dynamic expression “Get data from page URL” and change “parameter” to “path”
With this method that uses a dedicated field for the path, it’ll be easier to validate and make sure it’s a unique path. You don’t want two records with the same value. With your example (and I know it was just an example), two team members could potentially have the same first and last name.
Leave it to one of the Bubble Legends, @romanmg to make something more efficient and more awesome than before! Yes- for some blog projects I’ve used a field “urlSlug” and it is better as you avoid the filter. If it’s alright with you, I’ll shamelessly edit my first post to include this method as well!
