Description
This video/release covers creating a custom Vue.js component for our blog page slug generator.
If you wish to watch the long version of this video go here: https://youtu.be/uDlPoH2Wpq8
The goal is to build a component that will create a slug for our page based on the title field automatically. This component is actually quite sophisticated as it will take our blog title and automatically create a URL for us by removing any punctuation and even swapping our Unicode characters for their word equivalents, and accented characters for their non-accent equivalents.
After that, we can customize it if we wish, and a customized slug will no longer get updated by our title automatically. Furthermore, if you have customized the slug but wish to reset it back to its auto-generating functionality, you can do that with a simple reset button.
==== MORE FROM THIS SERIES . ====
Full Playlist for the "Building an Advanced Blog/CMS from Start to Finish" Series:
https://www.youtube.com/playlist?list=PLwAKR305CRO_cukAejlt5kz3pTtDMW_Cd
=== LINKS ===
Watch LONG VERSION of This Video (1hr36min)
https://youtu.be/uDlPoH2Wpq8
Node-Slug Plugin on GitHub
https://github.com/dodo/node-slug
==== DOWNLOAD SOURCE CODE ====
Download Code from this Episode:
https://github.com/DevMarketer/DevMarketer/releases/tag/ep_22
==== FOLLOW ME ====
Subscribe for New Releases!
Subscribe to DevMarketer Insider
https://confirmsubscription.com/h/d/5EDC91CF554832D1
Twitter - http://twitter.com/_jacurtis
(ask me questions!)
==== QUESTIONS? ====
Leave a comment below and I or someone else can help you.
For quick questions you may also want to ask me on Twitter, I respond almost immediately.
Email me hello@jacurtis.com
Thanks for all your support!