Astro Web Framework Crash Course

[@JamesQQuick]

Hope you all enjoy Astro as much as I do 🥰 It's such a powerful framework, and I think it's only going to get better and better!

[@gameboyv1790]

Awesome tutorial. Thanks!

[@talkdatrue]

What browser are you using?

[@WorkersDesk]

No hard feelings buddy but IMHO 11ty rules

[@adriablancafort]

Thank you very much! I LOVE astro, use it in a lot of my projects and in my opinion it's going to become something big. Your videos covering astro are awesome and very necessary in my opinion.

[@JamesQQuick]

@@talkdatrueThis is the Arc Browser. It's pretty neat!

[@anony88]

Employers right now are already typing "Experience Required: Astro - 6 years"

[@ankushkuchankar55]

😂😂😂😂😂

[@redgeburns7635]

😅😅😂😂😂

[@alexanderkomanov4151]

😂😂😂😂😂😂😂

[@addytechie6948]

😂😂😂😂

[@JamesQQuick]

lmaooo spot on!

[@mayurbhirud7998]

Most revolutionary framework ever❤

[@ichiroutakashima4503]

This is a good introduction. Might purchase the full course some time soon. I really feel like Astro is the better NextJS.

[@iGhostr]

Are they even comparable?

[@JamesQQuick]

Let me know if there are any questions about the full course I can answer for you!

[@JamesQQuick]

Moreso than you might think :)@@iGhostr

[@iGhostr]

@@JamesQQuick cool, I thought Astro is just for static site creation with very fast performance

[@JamesJosephFinn]

@@iGhostrIn my novice understanding, SSGs as a class all have good performance; so the fact that’s it’s an SSG is not what sets Astro apart. It’s the fact that it’s an SSG that’s also capable of / extensible to SSR which makes it uniquely functional as an all-purpose website builder.

[@Art-y2k]

Love James he's such a good instructor

[@freecodecamp]

Agreed.

[@JamesQQuick]

Thank you so much!

[@scigama71]

Agreed

[@iga1720]

Thank you, was stuck with unprofessionally written code for months and struggled with reading the documentation. The video made everything clear. Works perfectly.

[@calebefant]

Oh yeah, I have problems with getting stuck on it as well.

[@kinkyolga9668]

Love Astro!!!!

[@richardbray]

Yess James 🔥🔥🔥

[@JamesQQuick]

YEAHHHH!!

[@JeffrinJ]

Amazing tutorial!

[@yvonvieville]

a really interesting video ! You're a great instructor, thanks

[@doriomer]

Following the tut import component ended with an ERROR : error: Cannot find module 'astro:assets' After pulling my hair i've finaly found solution that works for me: 1. Open file 'astro.config.mjs' 2. Add to experimental Object assets: true 3. export default defineConfig ( { integrations: [tailwind()], experimental: { viewTransitions: true, assets: true }, })

[@juanvieira8249]

Great video, thank you! One thing I don't think it was clear enough is the 'why' would we want SSR vs SSG. In this example, SSG seemed perfectly fine. And what about ISR? Does it exist on Astro and would it make sense for a blog app? Thank you

[@jmora7101]

me too, in what scenarios we would want SSR vs SSG?

[@nielslytzdk]

Very nice tutorial, you do a super job and thanks for that! I don't have the "download directory" option in Github, do you have to pay for that feature to be enabled?

[@BobbyBundlez]

for the creating dynamic routes i thought you could do something like [...slug].astro no?

[@dhanushm444]

மகிழ்ச்சி ❤❤❤

[@f.t.5859]

This crash course looks like a storm of confusion and doubts.

[@brandonzane519]

That was a Quick course

[@freecodecamp]

🤣

[@JamesQQuick]

nicely done! 🤣

[@Tronki]

@jamesQQuick really nice video, but i want your terminal intelisense how did you set that up

[@MichaelAlhilly]

Great tutorial! Thanks!

[@henriqueamaral4017]

40:22 It doesn't work that way, because PostList component should not be inside a "map". But you still did pretend that it worked.

[@lowlydeveloper3693]

Yes, I see what you're saying. Do you have a suggestion of how the code should be corrected?

[@MrJfergs]

Is this still applicable to Astro 4.0?

[@foupax]

Thanks to upgrade to V4.

[@druzlee1]

in my case when i deploy in minute @1:14:46 i have a problem with the image not found what type of problem should be?

[@shrdn2960]

Same, didn't look into it yet though. You found out why?

[@abhikbanerjee3719]

"Dwight Schrute" at @28:22? IDENTITY THEFT IS NOT A JOKE JAMES!!

[@JamesQQuick]

lmaooo sorry!!

[@SametSamyeli]

Where are you copying the codes from? Can you put a link? (Components/Header - H1 etc.)

[@elvisfeagin2145]

At this point, I believe, James wants you to buy the full course...

[@vedadtr3509]

Where can we find the Header code you paste ? Github only provides the completed result

[@waifucodes]

i would love a remix crash course

[@tresero2862]

Maybe something changed in V4, but 'CollectionEntry' is a type and must be imported using a type-only import when 'verbatimModuleSyntax' is enabled. is an error I get. Also, Images isn't working. Image's and getImage's src parameter must be an imported image or an URL, it cannot be a string filepath. Received ./images/Truss down.jpg.

[@MatheusEstevao-X]

wich browser is he using?

[@alwayssomewhere716]

great tutorial, where do I get the API key

[@Feenskee]

Astro's beautiful

[@tnypxl]

Can it not do traditional web applications? Can someone explain why its NOT good for web app development?

[@davor-debrecin]

You can, but then you’re just better off with some other framework if you’re building a SaaS, since you’re not concerned about quick loading of content.

[@tnypxl]

@@davor-debrecin I didn't know SaaS apps were absolved from caring about quick loading content. Why wouldn't I want everything to load fast in a SaaS?

[@BobbyBundlez]

its for statically generated websites. not dynamic ones that web apps almost always use its like gatsby. Ssg (static site generator)

[@alexanderkomanov4151]

Thanks!!!

[@bdbikepagla8962]

😂😢😮😅😊

[@philip9677]

my tailwind is not loading i followed the instrucitons in the setup but it still doesnt load, no errors when i run npm run dev or in console. the classes are ofcourse in the html but no styling

[@grotsunfull]

Nice!

[@mfadhilal-fatih1427]

Is this the end game?

[@chadjones4255]

I wish there was a non-typescript version of this course. I'm not a fan of typescript.

[@fullpreteristnow]

Don't include Typescript and either keep your styles as they were in the original setup or import then all from one file. Other than that, you don't need to really know anything different.

[@innocent3163]

When I go to apply for a job, it’s required 6+ years experience 😢

[@piyusharyaprakash4365]

What browser is he using ?

[@JamesQQuick]

This is the Arc browser

[@nomad100hd]

The Astro ext is broken

[@prabhakaran5083]

❤❤❤

[@MolivH8]

If you know Astro or any of the concepts then you will understand the code and why the guy is doing all the stuff. But if you expect him to explain to you what the stuff mean or to learn something more thank you already know this is not the video for you. This is not a COURSE, it's more like CODE WITH ME video and that's it.

[@soumadip_banerjee]

💖

[@nurbolatsansyzbay9998]

another new javascript framework

[@JamesQQuick]

Too many right? lol

[@jay__762]

Hey is having a degree is necessary to get a web developer job 😢

[@santoshmore2953]

Nope

[@cslearn3044]

Naw, doubt anyone cares, but it can help. In the end all it matters is skill, not matter what coding field

[@perezident14]

A degree will make your initial job hunt easier, but 100% possible to get a job without one.

[@ZeyadMohamed-xs9ew]

It depends on where you are from.

[@jay__762]

@@ZeyadMohamed-xs9ew 🇮🇳

[@amanjotsingh001]

how can i use a bootstrap theme i bought with astro?

[@KOBE42__]

You can but Bootsrap isn’t the best CSS framework anymore. You’d be better of learning Tailwind at this point.

[@Ramzankhan-ql4nt]

Hi ,very good i need course of searched clients Mean clients hunting crash course for every purpose with extremely deeply techniques and things which you know and even have made anyone this course tell me. Thanks ❤❤❤

[@PoeTracy-c7b]

Lois Points

[@isaacmandell-seaver7223]

Jacksflims

[@DavidSparks-f6b]

Schoen Fort

[@sotecluxan4221]

Oooo....

[@oosmanbeekawoo]

Haha! “No views”

[@MrBrady95]

In my opinion, you need to indicate that it is a 'crash course' for intermediate-advanced level programmers. For me it was another huge waste of time and I realized this at about @38:00 minutes into the video. Normally I'd say, 'thanks for offering the free content' but times are evolving. I'm actually recognizing that I'm spending pretty much all of my time, simply "parroting" what an instructor does in their code editor. Respectfully, but unapologetically giving this a thumbs down.

[@KOBE42__]

It’s called tutorial hell. I have been a victim of that too, I think most people do at some stage. It is difficult to find something challenging enough to learn but not too difficult that you just get more confused. This tutorial got really confusing for me also at around that time. I think my lack of understanding key concepts of these types of frameworks is what’s making it hard to learn properly. I’d imagine someone with proficiency in React or Vue would easily grasp Astro.

[@AndreiGeorgescu-j9p]

Seriously? In what world is this intermediate or advanced??? I'd hardly even call this programming, much less advanced programming 🤣.

[@nickdhrones6425]

I'm a noob with respect to Web-Dev. I was loving Astro and this content until Tailwind was applied. Lost me! If that's what the course is about, I'm out!

[@musilicks]

Im sorry but I can’t trust anyone that pronounced favicon like that……..

[@BobbyBundlez]

I pronounce is favicon. not like faveicon (favorite)... can't find timestamp for this lol so which way does he say it?