5 AWESOME Vue Router Animated Page Transitions in Vue JS
HTML-код
- Опубликовано: 25 июл 2022
- Learn how to use Vue Router's Transition feature to animate between pages in Vue JS! We create 5 unique page transitions using Vue, vue router, vite and the composition API!
Source code: github.com/TylerPottsDev/yt-v...
// JOIN THE DISCORD SERVER!
/ discord
// BECOME A MEMBER TO UNLOCK MORE CONTENT!
ruclips.net/user/tylerpottsjoin
// MY GEAR FOR CODING AND RUclips
Blue Yeti Microphone: amzn.to/3jr3l7T
Microphone Stand: amzn.to/35B9LMN
Chair: amzn.to/3dWds3F
Thunderbolt Dock: amzn.to/3osBF6u
Monitor: amzn.to/37I8KoR
Screenbar Light: amzn.to/3iFRS7w
All of these products I own and have tested!
// FOLLOW ME ON TWITTER
/ tyler_potts_
// INTERESTED IN GAME DEV?
Game development channel: / muddywolf
// CHECK OUT MY GAME
play.google.com/store/apps/de...
// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE - Хобби
A much needed and important lesson. Thanks Tyler
Thank you Tyler, awesome tutorial!!!
Glad you liked it!
100th like xD Awesome video btw! I learn a lot from your videos!
Thank you Tyler👍
Can I create a secure blog with vue.js and firebase⚘️
Few days ago have some issues with the transition. And forget the mode, thx for your work
Happy to help! :D
🔥🔥🔥🔥🔥🔥 great!
Thanks!
Can I create a blog page with vue.js and is it safe without backend
If you don't have a backend, your site will be static. Which means that you won't be able to log into your site and add a new post.
To add a new post, you would have to do it from your IDE (where you write your code).
What I would do to bypass most of the issue is create 2 sites:
1/ Your blog that will be online, with no backend (which makes it 100% secure as there is nothing to break)
2/ a site that you will never build or post online, it will always be in 'localhost'
Site 2 will use json-server which is a fake rest api. Which means that when you want to create a new blog post, you open site 2, create your post and send it to you fake backend (which will be a json file). Once it's done, you copy paste (like, really copy paste the file) from site 2 to site 1. Build site 1 and put it back online!
Type 'build a fake rest api with json-server' here on youtube. Create 1 site with 2 parts, one for the admin, to create posts and the visible part of the site. Once you can add posts and they show up in the visible part. Remove the admin part and put it in site 2. Build the first site, put it online and and when you want to create a new post, go to the admin site, once done, copy and paste the json file to the visible site.
@@SLRModShop Thank you for your help, but I forgot to write a blog post with vue.js and firebase
Bro need a top progress bar when site loading
Thanks for the suggestion!
could you build e-commerce website with vue js ?
why not ? 😅
is this working in laravel + vue js?
If Vue is the front-end it'll work fine.
Whooooat’s going on 🤣
WWAAAATTSS GOING ON!
Hey Tyler,
How are you?
Tyler, Can you make a tutorial for react.js? In the latest version of react.js, many tutorials are present on RUclips but your explanation is awesome so please can you do it? At the same time, some projects also react.js.
Thank You,
Shaykh Mirzaban.
non animated pageswitch is superior
Shh, don't tell anyone I said this but I agree... 😂