acrolink
I mean how to map for instance /news/12 to /news/elixir-2-announced? Do I need to create a database table to map friendly URL’s to actual content? How is this achieved in pure Phoenix and how the same can be done using VueJS on the front-end? Are there any specialized libraries for this? Thank you.
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Elixir, Erlang & messaging conferences from Code Sync. Next up: ElixirConf US (10–11 Sep) & Code BEAM Europe (21–22 Oct), Haarlem + online.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #ai
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #api
- #forms
- #hex
- #security
- #metaprogramming
Our Sponsors
Build Elixir applications with speed and confidence.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Master modern tools, write cleaner code, and tackle real-world challenges.
Bringing learning, work and compliance together since 1987.
**Building the future of software with AI, trust, and human connection.**
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 5- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
outlog
it’s called a slug you might find what you need here: Packages | Hex
it would have to go in the db, and remember to set a canonical uri in the html. also support multiple slugs for one id - eg. if the title/name changes etc.
don’t know vuejs, but phoenix should add in some js or a variable in the html that let’s vuejs know what it is supposed to do..
amnu3387
As @outlog mentioned usually it is by using slugs. If your pages are saved in the db, e.g., posts, then you can create a column on the post record (e.g.
slug) and match /news/:slug, just as you would for ID’s, with an appropriate method for fetching the record through that column. There’s a bit of care to be taken in order to guarantee that a user can change an existing slug, and that it is reflected without breaking previously existing slugs - and that there are no slugs collisions when changing, and so forth (mostly for SEO).For the VueJS bit it really depends on what you’re doing with it? Why do you want to render the page with vuejs? Are you using the router?
LostKobrakai
Take a look at the
Phoenix.Paramprotocol for the phoenix side of things.peerreynders
Going by Titled URL Slugs in Phoenix you have to strip the “slug-ified title” and only use the “url slug” with the repo. Given that mechanic you could generate the titled slugs in VueJS - if that is what you want to do.
But it does seem to make more a lot more sense to have the source of the URLs provide the slug-ified URLs to begin with.
Ordermind
Also, make sure to put all slugs in the same table so that it’s easy to prevent conflicts.