Into Astro from the beginning and it's just what the web needs. I couldn't decide between NextJS and Eleventy but this sits just right in the middle. The opt-in JS is and the built-in methods for when to load it, makes it just great. The fact you can use other JS libs and even mix them makes it even better.
Wow, Astro is a meta-framework. Literally anyone can migrate to it, react, angular, ect. Great for performance, keeps JavaScript tight and responsible, awesome for static pages. The required JavaScript knowledge is minimal. This is fantastic for beginner WebDevs!
Astro is really amazing. With Astro and TailwindCss you can build static Websites so fast. And the Websites by themselves are so fast too. I'm lovin it
I feel Astro is exactly what I need to replace a deprecated PHP app at work. More Astro tutorials are needed so it's easy for people to simply jump in and create a web app.
Do you mean to only use Django for an API? Because Astro will want to be the thing that handles generating the HTML and routing, and I'm not sure it will work just slapping it on top of a Django app
It looks great! Gonna have to migrate my blog to Astro too. Um, well, my LiveJournal. That I haven't used since 2013. But apart from that, I'm go go go!
Didn’t go too deep into it but first look seems really cool. Thanks for this video. Do you know docusaurus? It seems to compete with Astro with markdown files. Would be cool to have a video on it. Thanks again for your content and for sharing your knowledge.
@@JamesQQuick Hi all! A few months back I built a documentation site using docusaurus. While it is fantastic at displaying documentation resources, it doesn't quite have the flexibility for me to consider using it as a blog or anything else. It is the best framework for documentation, and that's it. Astro seems perfect for personal sites though. I'm a big fan of the island architecture.
Interesting, but static really. The islands arch probably works in some instances so I was surprised to see svelte integration as svelte is about reactivity and dynamic. i cant quite see how the integration would work. Im looking for an alternative to Sveltekit as the recent breaking changes are not encouraging so perhaps Astro might suit some projects and Ive read maybe Remix might be an option?
I'm sorry to say this, but Astro is making more sense of the core frameworks than some of the associated "meta-frameworks" are doing themselves. I'm looking at you sveltekit. I love Svelte (and Vue too), but man Astro is improving it for me without introducing so many crazy hooks and verbosity. I feel like Astro is doing an amazing job and people will recognize that very soon and some of those "meta-frameworks" will have to take a step back and rethink a lot of things. At least that's what I'm hoping, untill then, Astro all the way!!
hi James! great channel, love it! I have a question about how to deploy astro ssr with node adapter. I always use pm2 to deploy node apps, but how astro deploy production ssr?
I'm waiting for a "I tried Qwik and I love it" video. The truly next gen framework that gets you the fastest websites/apps...period. You would need to work directly with web assembly to beat this framework. And it takes hydration to it's full potential.
Hi James, thanks for your videos! I'd be very interested in how to make a contact form (without netlify etc) in Astro. Did you make one already? A tutorial about htat would be a dream!
Thats really cool, i am really enjoying using Astro. the SSG layout templating is good for make landing page etc, and the SSR just like NextJS, but you can use anything. I am trying to put React, Vue, Svelte component in on page. Haha cool
Great introduction. I'm encouraged to try it instead of my next project instead of Next.js project. Just wondering how to deal with cookie management in Astro?
Hey @James Q Quick, do you have a course/tutorial on building a Astro project? The little inside of your project/blog seems interesting. If you haven't a crouse/tutorial, do you have something in that regard planned? What would be the recommendation when I were about to build a next js website with static sites only. Should I use Astro instead?
If you're doing static, especially if you're using Markdown, I highly recommend Astro. I'm actually thinking about planning an Astro course early next year!
Trying Astro for the first time, I think its missing something like 11ty Fetch plugin to cache the requests, because in dev, you will see data fetches on component refreshes. That could really hit your monthly api limits on some plans. Or am I missing something?
@@peter042 Brad Traversy csinált egy crash course-t az Astro-ról. Utána megjelent ez a video. Most minden web dev youtubernek csinálni kell erről videót, hogy le ne maradjanak a többitől. Szóval megint egy újabb hype. Most inkább szívesebben látnék Phoenixes tartalmakat, mert abból amúgy sincs sok és jót tenne annak is egy kis hype. :)
exactly, some years ago i did the same thing, generating static content with hugo and manually place vuejs into the code which took part of the dynamics. With this framework its just more comfortable to work
I think that's an oversimplification. I imagine there is a lot of overlap in benefits, but this is in the JavaScript ecosystem. Also the flexibility of when/if to ship JS to the browser doesn't come with Hugo? The islands architecture? Sure, there are similarities but the devil is in the details.
"If you're writing a blog or other forms of content". Creator bias. Like how the tandy 100 got rave reviews because it was awesome for... journalists but no-one else. Step outside, think of your audience.
So may audience doesn't do blogs? My audience has no use for makrdown content? That seems much more close minded than me showing an option for people and explaining the use case. Just me though. Thanks for the feedback and watching.
@@JamesQQuick Point still stands. Nothing wrong with thinking that something that is important to creators is important to everyone. Just good to be aware that it isn't.
@@jeremykothe2847 It's also good to be open minded and not think that everyone thinks like you do, instead of having a closed minded attitude. There are plenty of blogs on the Internet still.
![BabyChiefDoit - Too Slow (feat. STAR BANDZ) [Official Music Video]](http://i.ytimg.com/vi/zayaxws7RPg/mqdefault.jpg)
Into Astro from the beginning and it's just what the web needs. I couldn't decide between NextJS and Eleventy but this sits just right in the middle. The opt-in JS is and the built-in methods for when to load it, makes it just great. The fact you can use other JS libs and even mix them makes it even better.
Yeah the balance and flexibility it offers is pretty incredible!
Wow, Astro is a meta-framework. Literally anyone can migrate to it, react, angular, ect. Great for performance, keeps JavaScript tight and responsible, awesome for static pages. The required JavaScript knowledge is minimal. This is fantastic for beginner WebDevs!
I'm definitely enjoying it. I just migrated my personal site to Astro
I liked Astro even before it became mainstream and Traversy released a crash course.
haha yeah I need to go watch his video!
Thanks for clarifying the highlights of Astra so clearly...
You're very welcome!
Tailwind support ftw! well-documented in the docs too!
Astro is really amazing. With Astro and TailwindCss you can build static Websites so fast. And the Websites by themselves are so fast too. I'm lovin it
Yeah it really is amazing. The adoption for me has been so smooth!
@@JamesQQuick Absolutely. It's so easy to use existing components from other Frameworks
I feel Astro is exactly what I need to replace a deprecated PHP app at work. More Astro tutorials are needed so it's easy for people to simply jump in and create a web app.
I’m looking forward to hooking this with Django! I know it’s content forward but I would love to see it take over for app forward too.
Do you mean to only use Django for an API? Because Astro will want to be the thing that handles generating the HTML and routing, and I'm not sure it will work just slapping it on top of a Django app
@@IainSimmons yep! With the REST api.
just curious why not a minimalistic one like FastAPI or Flask instead if just for APIs?
@@zactamzhermin1434 because I’m not familiar with Flask or FastAPI yet
@@denniswenrich6221 ah i see, thanks for the reply, just wondering if it was advantageous to use django
It looks great! Gonna have to migrate my blog to Astro too. Um, well, my LiveJournal. That I haven't used since 2013. But apart from that, I'm go go go!
Haha yeah my gatsby site is several years old at this point. I just started with Astro from scratch
I think I might give Astro a try. I like all the benefits for blogs.
Let me know what you think :)
I think my ideal front end would be astro with svelte 90% and 10% react (library support)
Sweet! Loved the live stream. Been waiting on the video!
Yeah it's been so smooth. I love it!
So this might be useful for importing mark-ed down Obsidian notes and generating a static site?
yup, I liked it too, I will use this framework for future projects
I'm redoing my personal site now!
Didn’t go too deep into it but first look seems really cool. Thanks for this video. Do you know docusaurus? It seems to compete with Astro with markdown files. Would be cool to have a video on it. Thanks again for your content and for sharing your knowledge.
I haven't used Docusaurus but I've heard good things. Maybe I'll do a video sometime!
@@JamesQQuick Hi all! A few months back I built a documentation site using docusaurus. While it is fantastic at displaying documentation resources, it doesn't quite have the flexibility for me to consider using it as a blog or anything else. It is the best framework for documentation, and that's it.
Astro seems perfect for personal sites though. I'm a big fan of the island architecture.
nice summary of astrio thumbs up subscribed...
I am running my personal blog using their official Blog Starter Kit actually :D super cool :D
Interesting, but static really. The islands arch probably works in some instances so I was surprised to see svelte integration as svelte is about reactivity and dynamic. i cant quite see how the integration would work. Im looking for an alternative to Sveltekit as the recent breaking changes are not encouraging so perhaps Astro might suit some projects and Ive read maybe Remix might be an option?
I think those are all really good options!
I'm sorry to say this, but Astro is making more sense of the core frameworks than some of the associated "meta-frameworks" are doing themselves.
I'm looking at you sveltekit.
I love Svelte (and Vue too), but man Astro is improving it for me without introducing so many crazy hooks and verbosity.
I feel like Astro is doing an amazing job and people will recognize that very soon and some of those "meta-frameworks" will have to take a step back and rethink a lot of things.
At least that's what I'm hoping, untill then, Astro all the way!!
When to use Astro files, and when use React (or othe framework) files?
I use Astro files by default until I need some JavaScript reactivity!
I’m liking it so far but sometimes having to do a lot of fighting with the way vite bundles things. E.g. try adding the swiper package in solids.
I used swiper in a react component in astro.
Sounds awesome. Rather than using markup for the data, can we use an API to pull in data from a CMS like contentful?
Yes you can! docs.astro.build/en/guides/data-fetching/
Absolutely!
Finally got around to trying it. Brought in Contentful data. Super easy!
Great video James!
So no Gatsby anymore? Why don’t you like it?
I'll absolutely give it a try
let me know what you think!
hi James! great channel, love it! I have a question about how to deploy astro ssr with node adapter. I always use pm2 to deploy node apps, but how astro deploy production ssr?
I'm waiting for a "I tried Qwik and I love it" video.
The truly next gen framework that gets you the fastest websites/apps...period. You would need to work directly with web assembly to beat this framework. And it takes hydration to it's full potential.
So many amazing frameworks out there!
@@JamesQQuick It's the only Resumable framework out there right now...that goes way beyond hydration.
Hi James, thanks for your videos! I'd be very interested in how to make a contact form (without netlify etc) in Astro. Did you make one already? A tutorial about htat would be a dream!
My understanding: Power of Django/Laravel + Smartness of Node.js = Astro.js 🔥
Thats really cool, i am really enjoying using Astro. the SSG layout templating is good for make landing page etc, and the SSR just like NextJS, but you can use anything. I am trying to put React, Vue, Svelte component in on page. Haha cool
So glad you're enjoying it!
Great video! can you please create one about Qwik vs Astro?
I heard w solid+astro it is actually possible to share state between islands
I believe so? I haven't done it myself, but you can use Svelte stores for example so I think so
Great introduction. I'm encouraged to try it instead of my next project instead of Next.js project. Just wondering how to deal with cookie management in Astro?
On the server you mean?
@@JamesQQuick No, on the client side.
Is it a template engine like EJS, PUG, HANDLE BARS, Jinja ( for python) ?
What was the npm package you use to embed a youtube video in your post shown at 4:55?
Hey @James Q Quick, do you have a course/tutorial on building a Astro project? The little inside of your project/blog seems interesting. If you haven't a crouse/tutorial, do you have something in that regard planned?
What would be the recommendation when I were about to build a next js website with static sites only. Should I use Astro instead?
If you're doing static, especially if you're using Markdown, I highly recommend Astro. I'm actually thinking about planning an Astro course early next year!
@@JamesQQuick Thank you for the answer, I'm looking forward to :)
Is astro not reload page like vue or not?
I will use Astro for my next pet project. I am looking at how this framework is growing.
How do you get syntax highlighting to work?
So it's like Jekyll?
Trying Astro for the first time, I think its missing something like 11ty Fetch plugin to cache the requests, because in dev, you will see data fetches on component refreshes. That could really hit your monthly api limits on some plans. Or am I missing something?
I haven't noticed that myself. Definitely something to look into!
@@JamesQQuick Well the good news I did a quick test and used the @11ty/eleventy-fetch plugin in an Astro component. We're caching requests now baby!!
@@skullyonutube Ah soo cool! Love how easy it is to integrate stuff into AStro!
So struts again?
how does hosting compare to Nextjs?
So, is it another static site generator (it looks like)?
Yeah with other features :)
Repeat after me: I really ❤Astro
i also love it. astro is really cool
I wish I could see someone finally hyping the Phoenix Framework. It deserves it more than another js framework 😁
Miért?
@@peter042 Brad Traversy csinált egy crash course-t az Astro-ról. Utána megjelent ez a video. Most minden web dev youtubernek csinálni kell erről videót, hogy le ne maradjanak a többitől. Szóval megint egy újabb hype. Most inkább szívesebben látnék Phoenixes tartalmakat, mert abból amúgy sincs sok és jót tenne annak is egy kis hype. :)
@@laszlobalassa8411 köszi a választ:D
Ohh.... WoW, another framework. F. this! Im sticking to my Angular and you guys have fun with your toy projects.
bahaha fair enough
How does it deals with jquery. I will like migrate some template with lots of jquery
Easy, you take jquery and put it in the trash can.
Great.
I need a 30 second Short of this because I am very lazy, or busy, not sure which one it is.
Check the video by fireship
@@Parajulibkrm is goated.
I also did a 1 minute version on RUclips shorts :)
It's just another bloody technology to learn. Fed up with it!
Eleventy?
I've heard good things about that too!
🥳🥳
so it's Hugo?
exactly, some years ago i did the same thing, generating static content with hugo and manually place vuejs into the code which took part of the dynamics. With this framework its just more comfortable to work
@@shalimkhan1986 generalization doesn't help your reasoning.
I think that's an oversimplification. I imagine there is a lot of overlap in benefits, but this is in the JavaScript ecosystem. Also the flexibility of when/if to ship JS to the browser doesn't come with Hugo? The islands architecture? Sure, there are similarities but the devil is in the details.
You mention soo many frameworks, yet never mention Angular, why is that?
"If you're writing a blog or other forms of content". Creator bias. Like how the tandy 100 got rave reviews because it was awesome for... journalists but no-one else. Step outside, think of your audience.
So may audience doesn't do blogs? My audience has no use for makrdown content? That seems much more close minded than me showing an option for people and explaining the use case. Just me though. Thanks for the feedback and watching.
@@JamesQQuick not nearly as many bloggers as you seem to think.
@@jeremykothe2847 Point still stands. If you're not interested, there's nothing wrong with that.
@@JamesQQuick Point still stands. Nothing wrong with thinking that something that is important to creators is important to everyone. Just good to be aware that it isn't.
@@jeremykothe2847 It's also good to be open minded and not think that everyone thinks like you do, instead of having a closed minded attitude. There are plenty of blogs on the Internet still.