We made it!!! 🥳🥳🥳🥳 What an amazing video, first class as always, Thank you Brad, From Astro with 💚
@Arabian_Abomination
2 жыл бұрын
You just got the best endorsement ever 💯 congrats
@PenguinCrayon269
2 жыл бұрын
Senpai notices
@TraversyMedia
2 жыл бұрын
Thanks so much! And great job!
@ahmad-murery
2 жыл бұрын
I really don't use any static website generator, but this was a different story, Well done Astro and Brad 👍
@harvirreturn
2 жыл бұрын
Make a laravel admin panel management system video , can use packages like filament. Thank you!
@fabiorodrigo3638
Жыл бұрын
Life is strange... We ran away from statics sites in the 2000`s, now we use the power of js to remove js to go back to static pages (and its very good).
@aaa-my5xy
Жыл бұрын
kinda like tailwind, we run away from inline styles for decades until people realize that if you tweak how inline styles work just slightly they're really good.
@XPLoXe
Жыл бұрын
@@aaa-my5xy I still hate CSS though.
@Thomasfrank
Жыл бұрын
Thanks so much for making this, and for including the API aside even though you weren't planning on using one for the content. I'm just learning Astro and this was extremely helpful.
@suhaylmuminov3825
Жыл бұрын
Wow Thomas, didn't know you're into webdev
@male3399
2 жыл бұрын
What a coincidence, just a few seconds ago, I was wondering if Brad is going to do a crash course for Astro soon, and BOOOOM here's this video that shocks me right away
@davidbriggs8109
2 жыл бұрын
it shocked me also lol
@XPLoXe
Жыл бұрын
Thank you so much for this amazing video. It's a 10/10 material.
@Mynameisdidi1997
2 жыл бұрын
Thanks Brad! Hope Astro gets some more attention to generate even more contributions.
@TraversyMedia
2 жыл бұрын
Same here. I think people just think "great, another framework". But it is so simple and such a great modern way to create static sites
@riveralonzo
Жыл бұрын
at around 26 minutes when the css is applied, my hello world did not center and it was driving me crazy. I watched step by step twice and reviewed the css, but I ended up just added a text-align: center style. Also, awesome tutorial. Excited to be learning this while I finish up school and go into a dev position next summer.
@Helix_22
Жыл бұрын
in the style sheet, check for h1, h2 { text-align: center; } Make sure to place it above the @meda and .element tags, just place it right below the other style section for the h1/2 classes.
@trinkel8
2 жыл бұрын
Excellent content Brad!
@syberiaok
Жыл бұрын
Best course ever, thank you so much!!!!
@pedroserapio8075
2 жыл бұрын
Great video Brad. Cannot say the same about Astro, or in particular the plug-ins that become useless after Astro 1.0.0 went out. Staying with Gatsby for now.
@outpost31737
Жыл бұрын
Agreed. Astro is pretty terrible.
@JamesQQuick
2 жыл бұрын
Amazing!!
@kimbapslayer1995
2 жыл бұрын
Looks fun. I find it so funny that I can't really stand the look of gigantic CSS files anymore ever since I started using tailwind lol
@jamesgrubb
Жыл бұрын
Fantastic tut as always. Thank you.
@champorado2131
Жыл бұрын
I hope you do an updated tutorial using ver 3.0
@hardikganatra2453
2 жыл бұрын
For prettier to work with Astro yarn add -D prettier prettier-plugin-astro In Your settings.json add "[astro]": { "editor.defaultFormatter": "esbenp.prettier-vscode" }, I guess this should make prettier work like a charm
@lpanebr
Жыл бұрын
Great content, thank you! At 21:55 what's the advantage of setting the interface for the props? Sorry if you answer that later. I'll keep watching but just didn't want to forget.
@lpanebr
Жыл бұрын
Ah, one thing is to enable the optional/require validation on vs code.
@saidkorseir192
2 жыл бұрын
it is great brad👌👌
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️
@neutrallane
2 жыл бұрын
7th here today.. glad
@galinahappy6919
Жыл бұрын
Большое Вам спасибо 🙏
@devchabek8728
2 жыл бұрын
Thank you !
@bartez8018
Жыл бұрын
When to use Astro files and when use React (or other framework) files?
@cebuanoninoy
Жыл бұрын
Astro feels like React. Is it made in React? There's some svelte there too with .
@codernerd7076
2 жыл бұрын
All tutorials need to really start using PNPM it's so much better!
@DennisIvy
2 жыл бұрын
Sublime text?? Brad it’s not 2016, unreal..
@SridharKatakam
2 жыл бұрын
He's using it as a notepad replacement, like a secondary one for opening reference files in. I think that's what most of us use it as these days, with VSCode being the primary editor.
@DennisIvy
2 жыл бұрын
@@SridharKatakam yea I know, just teasing Brad ;)
@guitaristtom
Жыл бұрын
What is the VSCode extension that shows up at 12:21 that suggests / completes your styling?
@outpost31737
Жыл бұрын
All well and good but when it comes to migrating to WordPress it's a bloody nightmare.
@andrewng9950
2 жыл бұрын
Do RedwoodJS!
@SurendraParlaKuruva
Жыл бұрын
after creating a component automatically some code snippets are showing how those code snippets are displaying i mean which extension i need to use for that hints.
@vasukalluru24
2 жыл бұрын
What's your VS Code Color Theme Brad?
@Zagoorland
2 жыл бұрын
I wanna know it too :)
@abrarrajput4406
Жыл бұрын
How SEO Perform in this Astro site?
@davdevs
Жыл бұрын
Hey Brad, can you show us how to render markdown content from an API in Astro? I tried searching online, but I can't find anything useful.
@latlov
2 жыл бұрын
Can Astro be integrated with Laravel?
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️
@shivasj1629
2 жыл бұрын
sir waiting for React and strapi project...
@Kngdmio
2 жыл бұрын
He did - with his Next.js Udemy course.
@TraversyMedia
2 жыл бұрын
One important thing I forgot to mention that you'll probably figure out anyway, is there is an Astro VS Code extension. You'll want to install that for syntax highlighting in Astro components. Hope you enjoy the course!
@infomax807
2 жыл бұрын
Brad, github link is not working
@TheAdel136
2 жыл бұрын
hope that one day i will meet you in person and i'll say thanks face to face :)
@AzraiHasan
2 жыл бұрын
been waiting for this video....!!!! Thanks, Brad..!!!
@AlfredAyache
Жыл бұрын
Caution: if you're following along with version 3.1.0 (or later) of Astro, about 30 minutes when you're doing the Header, the logo won't show up. You have to add `.src` to the logo variable being used in the `src` attribute of the `img` tag. My (very) little contribution. Thanks Brad!
@Av1234100
11 ай бұрын
Your answer saved me a lot of time. Thanks a lot!
@CodeCrafterChannel
11 ай бұрын
I spent 3 hours on this. Lol. Next time, I'll definitely look into the comments first
@Breslima
10 ай бұрын
To add the images to the "Showcase" section
@kenirwin5538
3 ай бұрын
Thank you so much!
@EddyVinck
2 жыл бұрын
90+ minutes of free content, you’re a legend Brad 👏
@motoboy6666
Жыл бұрын
Could Astro replace react in like most cases with only using built-in Astro components and such? (Not including/importing React)
@truthteachers
2 жыл бұрын
Hi Brad, just add "astro' -> "HTML' under "include languages' in vscode built-in emmet extension. Seems to work. Also, need to install the Astro VS Code extension by Astro. Only then the syntax highlighting, file type identification and autocomplete will work.
@ontheruntonowhere
Жыл бұрын
Great advice. Works perfectly, ty!
@codehorror8076
Жыл бұрын
You don't need the !, so you don't need to do that. Just type: html and it will auto suggest 3 options. Hit the HTML5 one. The same when creating a tag div.card for example. Or am I missing something?
@kubakazimierczak6646
Жыл бұрын
18:16 - another way (instead of opening sublime) is to open new tab in vs code and select HTML as the language, then the Emmet will work
@giovannicarosa8819
Жыл бұрын
I was having trouble with my blog posts frontmatter not being read. I read through the Astro Docs and seen theirs was enclosed in “ “ and that is what I had to do to make it work. So it would be title: “Your title” and so on. You didn’t seem to have to do that on yours but it wouldn’t work for me till I went back and put everything in parentheses.
@husnulaman
2 жыл бұрын
Just today I was thinking of revamping my portfolio. This is exactly what I needed. Thank you Brad ❤
@nro337
2 жыл бұрын
Incredible tutorial as always, thanks so much Brad!
@pastuh
2 жыл бұрын
Can we deploy in to Hostinger?
@ztcanada_1
2 жыл бұрын
Helpline 📲📩 QUESTIONS CAN COME IN☝️⬆️ ⬆️
@advokats086
Жыл бұрын
How to add in a component -- JQUERY ???
@CyanidePierce90
Жыл бұрын
Brilliant course thanks Brad. Would there be the possibility of you doing a followup tutorial of adding to it with a NetlifyCMS (or similar) so we can add pages and blog posts that way?
@greekthejimmy4107
2 жыл бұрын
oh another flavor of the month? the web dev ecosystem is an absolute nightmare and the biggest tragedy in computing.
@tristen_grant
2 жыл бұрын
I see this as a step in the right direction, not a flavour of the month.
@greekthejimmy4107
2 жыл бұрын
@@tristen_grant lol
@JEsterCW
Жыл бұрын
The most what I love about Astro is that it reminds me micro frontends, but in this case the "micro frontends" are the components. Idk but it feels amazing to me that you have the possibility to mix other technologies inside it. Micro frontends are smaller web apps in different frameworks/technologies made into one huge web app and thats why Astro reminds me micro frontends and i love it, overall the modern way of making stuff... you have separate components etc... its also lovely when you wanna to work with ur friend who works in different technology or stack or even maybe he doesnt likes some tools ure using, so u still can somehow cooperate together like each other in ur own stack and make it work, obviously it can be tricky, but this is the possibility and i love it.
@gbrachetta
2 жыл бұрын
To get emmet working on .astro files (or any, really) just add "emmet.includeLanguages": {"astro": "html"} to your settings.json.
@ceralguy85
Жыл бұрын
Awesome tutorial with Astro Brad. This technology is very light as powerful for static html. Amazing video as always
@manmaaze
Жыл бұрын
What is ur vs code theme?
@bookable7157
Жыл бұрын
Been following you for years. Great video as always. Thanks to the Astro team for creating this. Most small local businesses that I work with just want a static site, this really fits the bill.
@DANIELSUAREZDEV
Жыл бұрын
Very good tutorial but could you teach me how to include google analitycs? I have tried several things but I have not been able to.
@JonathanPeel
Жыл бұрын
I am at 1:09 I made my Card as {title && {title}} {body && {body}} so that I don't need to go back and update my index page.
@code_with_sheynet
2 жыл бұрын
Weldone Brad, I just love, thanks for all your have done for me
@denniszenanywhere
Жыл бұрын
How do I make the blogging part dynamic? Where does the content live? Or is the markdown sufficient?😊
@paulehrig6414
Жыл бұрын
Excellent video!!! Question/Issue: > when I run the 'npm run build' command > i don't get a useable dist directory > How do I get a directory like astro-website-theme on your githb ?>? Thanks ahead of time for your help!
@it-s-me-mohit
2 жыл бұрын
Awesome stuff Brad as always 😉😉. Apart from blogs what usecases can be there for Astro??
@31redorange08
Жыл бұрын
17:30 Why do "we need that stuff obviously"? Not obvious at all. In fact, I think this statement is simply wrong.
@kevinbeckwith3770
4 күн бұрын
@TraversyMedia Thanks for the great content! Would you mind sharing the name of the color theme you used in this video?
@sync3217
Жыл бұрын
I am facing a problem. My Header component only shows up when I remove "" from the Layout.astro. It only shows one comp at a time - either slot or header
@youdjparents
Жыл бұрын
thank you for this course Brad! Request - a tutorial on ArchieML + Astro/Sveltekit? Or some kind of markdown that is more robust with a framework? A lot of editorial people use aml and it can be confusing to get set up
@codehorror8076
Жыл бұрын
I didn't even know about copilot. I just installed it as I'm following along and damn this is amazing. Edit: Now I want to remove it because it's genuinely scaring me lol
@johnmcneill1998
Жыл бұрын
How hard would it be to authenticate users and add private routes/blog posts? Was hoping for an easy Clerkjs quickstart. It seems there are no easy auth solutions for Astro.
@omsatpathy5455
Жыл бұрын
Awesome video on AstroJS and how lightweight it is. 52:40 Can anyone explain that code to me. It looks daunting.
@jaspreetmaan121
2 жыл бұрын
we went from loading js with html to loading html with js to generate html with js and back to loading js in html. Now we will repeat this cycle again with web assembly and pyscript.
@732brudder
2 жыл бұрын
Yes! Been waiting on my favorite youtubers to post about this framework that I've been using for a few months now. Going to love diving into what you say about it.
@alexotoous
2 жыл бұрын
How do you implement something like getStaticProps in Astro
@JimKernix
Жыл бұрын
I've been adding the CSS into their own files and importing them as opposed to using style tags and that works. I add the JS for the tabs at the top in the js hyphen tags and I got an error about an astro plugin. Then I put the code into a script tag like you and it worked. Why would that happen?
@marcelo_anselmo_levy
Жыл бұрын
Is there any way to create a folder to put all html, js and css together in one single folder after running the command npm run build ?
@Daaboo
Жыл бұрын
O M G why have i spent so much time trying to learn React when Astro make its 10x simpler!
@AHRienks
Жыл бұрын
Did anyone also experience this: unquoted excerpts do not work! But single- or double quoted does it! Strange - no one else seen that?
@dontmindme4009
2 жыл бұрын
Damn Astro is awesome. I like how simple it is
@cabanford
Жыл бұрын
Hey Brad - you should run lighthouse, at the end of your video, to show how your Astro site does...
@-0-__-0-
Жыл бұрын
It gives me back the nostalgic feeling of writing jinja templates😅
@robhafemeister3100
8 ай бұрын
Awesome stuff like always, thanks much Brad
@kimbapslayer1995
Жыл бұрын
I kinda wish tuts were just in JavaScript and not typescript. Let us do the typescript on our own!
@shuvradipchakraborty8778
2 жыл бұрын
Hey brad can you please stop 🛑 copilot in tutorials. Because it diverts attention and unnecessarily make it cluttered
@WebDevEducation
2 жыл бұрын
LOVE THIS ❤ thank you for another awesome tutorial! ⚡
@patricksmith8262
2 жыл бұрын
Perfect timing! Was planning to start playing with @astro for a new personal project.
@abduldanish9953
2 жыл бұрын
how to deploy it on firebase and how to connect firestore with it?? any idea or resources???
@okolobaha
Жыл бұрын
is there any way to create some admin panel to change some content on website with astro for example i want to create some landing page which will have some date in title. but i want to have ability to change this date without new deploy
@TechBuddy_
2 жыл бұрын
I thought I am the only crazy kid using sublime text as a modern notepad replacement but now I see Mr. Traversy himself using it, I'm not that crazy after all. Love your work man. Thank you
@NiagaraThistle
2 жыл бұрын
I use Sublime for the same...there's at least 3 of us!
@denniszenanywhere
Жыл бұрын
How do I make the blogging part dynamic?
@naveenbelandur7269
2 жыл бұрын
Hi Brad I have been following your videos from past months as i am a newbie to web development i have a doubt , the crash course you have made on react express dom are they covered most part of the topics or only the main things or basic
@piwi7212
2 жыл бұрын
A real Master gives a little "Masterclass". Thank you Brad. Greetings from Hamburg Germany
@user-he8qc4mr4i
Жыл бұрын
Another priceless jewel!
@julianvelez6563
2 жыл бұрын
Nice work bro
@ChamaraWeerasinghe
Жыл бұрын
what was that array suggstion VS code extension
@charlieo.6888
Жыл бұрын
Im more shocked about sublime text. 🤣
@verticeva
4 ай бұрын
Thanks a lot for the video, it is really good!!
@harvirreturn
2 жыл бұрын
If possible please make a react front end for Laravel. This is a nice combination that is not seen often. Naturally, thank you for for all the videos you provide. They are immense help.
@druharper
2 жыл бұрын
Excellent work. Cannot thank you enough. I’m excited to get started 🙂
@elmassiraelmassira
Жыл бұрын
are you use Asrto in your profesional work ???
@lalkaskar7147
8 ай бұрын
Supah! 😃
@girornsveinsson7970
2 жыл бұрын
I would love to see a full course from you about Astro development - I will buy it in a heartbeat!
@mohdsajidshaikh4291
Жыл бұрын
Nextjs is best and had many features
@PixiiBomb
Жыл бұрын
What are your thoughts on Laravel vs something like Astro? Is Astro's primary selling point that it's great for quick static websites/portfolios/prototypes? And Laravel (or something similar) is geared towards creating dynamic content with large databases, authentication, profiles, etc? I tend to choose Laravel for that reason, as i'm just not doing a one-shot website. But for a "one and done" type of website (quick Fiverr project) it seems like Astro would be a great alternative.
@johnnymags
Жыл бұрын
Great tutorial, thank you!
@cmnweb
2 жыл бұрын
Ufff, estaba esperando esto, saludos desde México.
Пікірлер: 250