Vue and Astro Simplified

No video

Vue and Astro Simplified

Рет қаралды 40,157

2 жыл бұрын

Save Your Spot in Vue.js Forge 2 on Aug 30. and 31 - bit.ly/3vVAphD
RESOURCES
Astro Docs - astro.build/
✅ Join the LearnVue+ Waiting List - learnvue.co
Get early access to videos, exclusive content, interactive code challenges, and more.
learnvue.co/vue-3-essentials-...
follow me on twitter:
/ mattmaribojoc
🚨 Like quick Vue lessons like these? Check out 800+ lessons over on Vue School - go.learnvue.co/vueschool
MUSIC
Lukrembo - Animal Friends • lukrembo - animal frie...
Lukrembo - Apricity • (no copyright music) l...
Lukrembo - Bake a Pie • lukrembo - bake a pie ...
Lukrembo - Bored • lukrembo - bored (roya...
Lukrembo - Branch • (no copyright music) c...
Lukrembo - Bread • (no copyright music) j...
Lukrembo - Castle • lukrembo - castle (roy...
Lukrembo - Daily • (no copyright music) c...
Lukrembo - Forest • (no copyright music) l...
Lukrembo - Home • lukrembo - home (royal...
Lukrembo - I Always Love You • (no copyright music) l...
Lukrembo - Imagine • (no copyright music) c...
Lukrembo - Lamp • lukrembo - lamp (royal...
Lukrembo - Marshmallow • lukrembo - marshmallow...
Lukrembo - Night • lukrembo - night (roya...
Lukrembo - Pancake • lukrembo - pancake (ro...
Lukrembo - Picnic • lukrembo - picnic (roy...
Lukrembo - Storybook • lukrembo - storybook (...
Lukrembo - Together • lukrembo - together (r...
Lukrembo - Wine • lukrembo - wine (royal...
#vuejs #astro

Пікірлер: 64

@nyambe 2 жыл бұрын

Someone should make a JS framework counter

@user-sh3uq1ct8t Жыл бұрын

It's quite hard to choose a js framework to make a js framework counter

@nyambe Жыл бұрын

@@user-sh3uq1ct8t lol it took me a while, but I got it at the end. Great one!!

@ayushthakur450 2 жыл бұрын

Have been listening/reading about Astro everywhere lately , this was my first intro to Astro and I loved it. Need to try it soon. Yes , would love more Astro + Vue content! Thanks a lot:)

@LearnVue 2 жыл бұрын

you definitely should. its so fun to work with.

@RodrigoDAgostino 2 жыл бұрын

This was a perfect follow up after watching Fireship’s video on Astro. Yes, please! Would love to see more content on this topic :)

@LearnVue 2 жыл бұрын

lol when i saw Fireship post too I was validated that i chose a good topic lol

@shinobi77 2 жыл бұрын

This was a simple, quick and right to the point video I've seen about Astro. What made it more interesting was adding Vue component to the project 👍

@B1GTM4N 2 жыл бұрын

I was wondering when you were going to post your next video -- just in time! Now that Astro released version 1.0.0! 🎉 Keep up the amazing work, would love to see more Astro + Vue videos. - Ti 🚀

@LearnVue 2 жыл бұрын

appreciate it. i want to make more too

@isidorenwaiwu2793 Жыл бұрын

Damn.... This is one of the best intros I have ever watched. Thanks

@DamirSecki Жыл бұрын

vould be great to have a follow up video with more detailed and advanced use case... for example with using axios, i18n, pinia and tailwind?

@pratikrane149 Жыл бұрын

@01psychosocial10 2 жыл бұрын

Great Video! I love the balance between new and exiting features and solid best practices. Would love to see a tutorial to a astro + vue -app that focuses on state and persisting that state. Typical multipage apps lose state of the site when routing to another page. How would one go about this ? Lets say I have an app and a ReadMe and for the Horror of it the ReadMe is 100+ Pages long. It would be beneficial to have this without js, but the app with lots of interactivity with js, but I wouldn't want to lose state when switching to the ReadMe. Do I simply write a "spa"-in astro that never leave and just hydrate my components ? that seems to be against the purpose and a lot of boilerplate when using the components.

@LearnVue 2 жыл бұрын

It depends on the main content I'd say. If a lot of it is static html that doesn't need hydration - i'd say Astro would be a good fit. But if it's super "app-like" with almost everything being interactive, it might not be the best approach. Maybe you could prerender the README as static html?

@jaqb_007 Жыл бұрын

Maybe some video about static site generator tools like Gridsome? or similar JAMstack frameworks?

@blokche_dev 2 жыл бұрын

I haven't tried Atro yet but I'm definitely interested.

@lacamoura 2 жыл бұрын

this sounds pretty interesting i hope you make more videos about this

@LearnVue 2 жыл бұрын

i plan on it!

@dragon3602010 2 жыл бұрын

OMG that seems freaking aaaawesome 🔥🔥🔥 The nation want more 😁😁

@LearnVue 2 жыл бұрын

on it!

@cindrmon 2 жыл бұрын

this is a really helpful video for the introduction to astro, and using vue no less! now im intrigued in using astro with vue in the near future!

@LearnVue 2 жыл бұрын

aww glad to hear :)

@cindrmon 2 жыл бұрын

@@LearnVue yee! i rly rly love your content! thank you so much for these short tutorials! im really learning more about vue from you every new video!

@Kanexxable Жыл бұрын

I think you should try a vscode extension called Astro Snippets

@TheFoxstory 2 жыл бұрын

Love your videos best vue channel I found! you're easy to understand and straight to the point. Love how videos are made! Keep it up !! Could we get a tutorial on how to connect vue with JWT? Thanks !! < 3

@Weahl 2 жыл бұрын

Thanks for your videos! They are really helpful :)

@LearnVue 2 жыл бұрын

Glad you like them!

@standroads Жыл бұрын

Yes I tried it and it is fantastic, please continue

@nicksonrodrigues542 2 жыл бұрын

Hey man, It works great and without any problems.

@RahulSingh-be2mg 2 жыл бұрын

This is amazing! Appreciate all you do!

@LearnVue 2 жыл бұрын

appreciate you watching!

@AlejandroGamboa_col Жыл бұрын

Great video. Please more videos of astro + vue js

@vojtechbresan3701 Жыл бұрын

Worked , thanks a lot!

@OsaMaHasan-hawkiq 2 жыл бұрын

Now we need to implement it with Laravel 😅

@pfodtakem9536 Жыл бұрын

Thanks a lot. Beginner here, is there a reason to use Astro instead of Nuxt?

@LuKaSSthEBosS Жыл бұрын

What do you think about SSG with Nuxt? Is it better to use it for static website with the couple of pages or Astro?

@kostraone 6 ай бұрын

PHP is the new black then ?

@CHOCOMOUUU 2 жыл бұрын

Such a great video, dude. Thanks a lot.

@LearnVue 2 жыл бұрын

💚

@erniea5843 Жыл бұрын

Good overview

@warrior_dev 2 жыл бұрын

Astro vs Nuxt generate? , Astro client:load is not the same as the in nuxt? why should we choose Astro over nuxt?

@LearnVue 2 жыл бұрын

nuxt generate prerenders all the routes HTML on the first request, but then hydrates the whole page with js to allow for client side nav. this can mean significantly longer time-to-interactive depending on how much JS you have to run. Astro strips out all the JS by default. and client:load while hydrate only the component it's attached to.

@warrior_dev 2 жыл бұрын

@@LearnVue Thank you very much for clarifying my doubt. I appreciate it a lot ☺

@jackhuynh8742 Жыл бұрын

That is exactly what I wanna 😁

@anniehallie6021 Жыл бұрын

That was great. Thank you.

@AhmedAli-jx9ie Жыл бұрын

why it feels like nuxt3

@mehmetaliciftci6562 Жыл бұрын

100% I make the sickest soft in my head all day long then the mont I open a DAW...

@_parassolanki 2 жыл бұрын

I have been trying to upload astro site to GitHub pages but i am facing issue in configuration of site and base url in the astro config i am not able to get my env variables loaded inside astro config because of that i can change my base url for that prod environment so can i solve this issue?

@LearnVue 2 жыл бұрын

make sure to set your environment variables up inside github in the workflow script! stackoverflow.com/questions/53648652/how-to-use-environment-variables-in-github-page

@johnlanderos7358 Жыл бұрын

So what would be the strategy, is it to create everything on .vue files or .astro or mixed? If I plan to use vue with astro everything should be in .vue and then render them in .astro file?

@LearnVue Жыл бұрын

im building the layouts and pages as .Astro and components as .Vue

@johnlanderos7358 Жыл бұрын

@@LearnVue Thanks for the reply looking forward to your next video using these tools!