Astro is pretty good for beginners and experienced JavaScript developers. Still waiting their stable release, so many big projects will use this SSG to make it reliable and trusted. Until now, I have been using Astro for small project only, and feel very nice on it.
I have tried astro 1.6.9 yestereday (after great crash course which worked excellently for me) and I have to admit, your advice has a value. Rewritting our SPA based on old AnglularJS to astro looked nice until I hit strange problem where I got complains about an error on a line with apparently wrong number as there was nothing to cause an issue. After an hour I gave up. My takeaway: astro looks very promising, but still needs a bit of time to mature.
I lik Hugo or Zola. Expose the special component as web components on the server and load them via J's, injecting them in the markdown Nice video, thanks
How come Kyle didn't release a Sveltekit tutorial ? I bet Kyle has already given Svelte a try, and it is about time making a tutorial about this amazing framework, many people expect that, you know 😎
just curious but are you still using astro? if so would you mind providing an update? Also your content is great and has really helped me with making websites, keep it up!
Would it be fair to say the title of this video should be 'You probably shouldn't YET' Its kinda unfair to to tell people not to use it since it isn't wasn't officially released. I mean generally speaking if you ever use beta software, you have to expect bugs thats the point in the beta
Can you make a video on how to make one of these code blogs using markdown? I'd like to eventually make a portfolio website that has links to my projects using markdown, but I don't know the best way to host a markdown-based blog.
Have you done an axios video that covers cancel tokens kyle? Just a thought as I'm struggling right now and there are a few weird edge cases with axios instances. Might get a bit of traffic
I have never used Svelte so I did not consider it. My main goal was to use something that is a static site generator and easy to use for blogs and Astro seemed to be a good fit for that.
Also been following Astro for a while. Thinking about rebuilding a large-ish e-commerce site on it (but later in the year when it's settled down a bit)
if he has any backend related small functionality he is probably using cloud functions. This is quite common in JAM stack where they have static sites deployed using gatsby, hugo etc but wherever required they have these small cloud/lambda functions that compute things in backend(or sometimes if you want to hide some logic and not put it on client side). These are also called FAAS(functions as a service) and you pay for the code that runs not the infra etc. Never used these so not sure how cheap or expensive these can be compared to infra or PAAS.
thanks to both of you. I was also just wondering where the data for the blog posts is stored. are they all in separate files, or where they are stored?
@@floriansaria They're probably in a github repo. Not sure how the files are made, I would assume a markdown file, and he somehow imports react components into the page after processing the markdown to html. I think he made a compiler for that which he talked about. So the compiler makes the html, CSS and processes the react components based on the markdown and jsx
Thanks Kyle for another really helpful video. Just rewatched this after migrating several projects to the new Astro 1.0. As you predicted, things are much easier...and may be really useful for your blog use-case, especially with Astro's new integrations like Tailwind 3. You already found solutions to port your custom blog code (code highlighting etc.) from Gatsby, but I wondered if you'd seen Simon from Tailwind Labs presentation of their css-only solution to font highlighting which uses custom code highlighting as an example in 'How to Use Custom Fonts with Tailwind CSS' th-cam.com/video/sOnBG2wUm1s/w-d-xo.html I found using Astro with custom CSS utilities in Tailwind helped me remove (rewrite in CSS) a bunch of javascript. Even if this doesn't help, sincere thanks to you as your content has helped me many times!
because frameworks like gatsby and astro allow for markdown and automatic page generation built off a template. this would be super annoying without a framework. you also have really good plugins and help for good SEO scores. which is pretty important for a blog that you want traffic going to
Gatsby's tragic flaw is its inability to wake up from its dream of the past and accept reality. The obsession with recapturing its past relationship with Daisy compels it to a life of crime and deceit.
@@angel_ruggia HMR for markdown and performance, it's super simple blog, but in lighthouse scores I got 89 to 100 jump once I migrated to Astro. What was your experience with it like?
Also I have a video on this, I can't probably send the link in the comments, but you can search it by "Porting my Next.js blog to Astro (no React challenge)"
hi i love your lessons about web Devs ok but i want you to do somthing call barcode scanner using java script , When i sacn the barcode i click a buttons like this please
anyone got a recommendation for something with a nice blog writing experience, like Ghost. I want static hosting because I don't really write much content and don't want to pay $5 a month for a VM to host it. At the moment I run Ghost locally, export it as a static site and deploy it, but that's a mess..Maybe I should just write markdown with something like astro?
oh jeez, am i the only one who made my own platform for my blog? don't look at me like that, it was a pandemic, and I wanted to see if I could do it. never did something like that alone before wonder if I should make a package out of it,..
There just aren't enough Javascript frameworks, templating engines, MVC implementations etc. And we have a serious deficiency of programming languages: the world deserves hundreds more.
Ok, it's driving me mad - I cant take my eyes of Kyles right ear lobe. How is it just one solid colour. Not meaning to be rude but its distracting me in every video thesedays.
Why shouldn't I do the same? You starting to feel God like against us the peasants? You're tacking a bit of a funny turn as of lately, towards arrogance.
Would love to hear a follow up on your experience with the 1.0 release
I’m pretty new to web dev but Astro seems pretty perfect for smaller scope SSG. Next, Blitz, Remix, Redwood can be overkill for a site like vlogs
@@ryanquinn1257 yup
It’s amazing
So crazy that just 1 year later, astro v4 has come out
@Godalming123 and now they have astro dB and stuff! They're awesome
Astro is pretty good for beginners and experienced JavaScript developers. Still waiting their stable release, so many big projects will use this SSG to make it reliable and trusted. Until now, I have been using Astro for small project only, and feel very nice on it.
Here we have been on 1.0+, how's it going?
I absolutely LOVE your blog! Such good articles! Been a reader for quite some time now.
cool that you talk about astro, i've been looking into switching as well for months now
And, Oh my God! Does your blog load quickly! Lovely 😎❤️
I have tried astro 1.6.9 yestereday (after great crash course which worked excellently for me) and I have to admit, your advice has a value.
Rewritting our SPA based on old AnglularJS to astro looked nice until I hit strange problem where I got complains about an error on a line with apparently wrong number as there was nothing to cause an issue. After an hour I gave up.
My takeaway: astro looks very promising, but still needs a bit of time to mature.
I lik Hugo or Zola. Expose the special component as web components on the server and load them via J's, injecting them in the markdown
Nice video, thanks
@0:05 Astro's logo looking much cooler with the guitar
I have the same issues with Gatsby, nextjs is much more stable.
Man, your blog is such a jewel!
Thanks for sharing. I love the idea behind Gatsby, but it's not stable enough
Hey Kyle, has Astro improved since? I've been following you since you had subscribers in the thousands. Keep up the great work.
How come Kyle didn't release a Sveltekit tutorial ? I bet Kyle has already given Svelte a try, and it is about time making a tutorial about this amazing framework, many people expect that, you know 😎
+1
just curious but are you still using astro? if so would you mind providing an update?
Also your content is great and has really helped me with making websites, keep it up!
Would it be fair to say the title of this video should be 'You probably shouldn't YET' Its kinda unfair to to tell people not to use it since it isn't wasn't officially released. I mean generally speaking if you ever use beta software, you have to expect bugs thats the point in the beta
thank you very much for your valuable advice.
Thanks bro ☺️
That sounded like a huge pain. Hope it keeps working for you
I think you should try a vscode extension called Astro Snippets
Can you make a video on how to make one of these code blogs using markdown? I'd like to eventually make a portfolio website that has links to my projects using markdown, but I don't know the best way to host a markdown-based blog.
Have you done an axios video that covers cancel tokens kyle? Just a thought as I'm struggling right now and there are a few weird edge cases with axios instances. Might get a bit of traffic
Yes. In the "infinite scroll" tutorial
th-cam.com/video/NZKUirTtxcg/w-d-xo.html
@@alexcc316 Nice one, thanks!
Oh, I switch to Astro from next js now.
What do you think now about Astro? Thanks for this explanatory video.
Did you consider Sveltekit when choosing a new platform for your blog? If so, what were some reasons you chose Astro over Sveltekit?
I have never used Svelte so I did not consider it. My main goal was to use something that is a static site generator and easy to use for blogs and Astro seemed to be a good fit for that.
@@WebDevSimplified Try svelte, it is very easy and light weight. It's more of compiler which compiles to browser js.
@@WebDevSimplified Even i am less experienced than you i still suggest you to try Svelte its really easy to use and its somewhat faster.
We used Gatsby at my old company and I HATED the MDX functionality. Literally took 30 minutes to hot reload it. I’ll never work with Gatsby again
How long did it take to switch from El Niño to Web Dev Simplified though?
I am going ti to check your blog...!
Also been following Astro for a while. Thinking about rebuilding a large-ish e-commerce site on it (but later in the year when it's settled down a bit)
Do you regret it a year later? Especially now with Astro 4.0?
Can't wait to see decent Astro crash course.
Don't tell me what to do! I will use ASTRO! For something, i dunno for what but i will!
Me having an year old Gatsby blog thinking of making the site/articles more interesting: *takes notes*
Kyle, did you update mdx recently because the Gatsby plugin has not been updated for mdx 2?
Hi Kyle. I love your blog but I get way too much emails. Can you consider adding RSS feed for the blog? Thanks.
Can you make a. Video or course on how to build a blog
what do you recommend for a static blog now?
well done what about this 2024
11ty my friend.
May you please make an updated video on Astro?
Very good insights, thank you. What do you use as your backend?
No backend, it's hosted on netlify as static pages.
if he has any backend related small functionality he is probably using cloud functions. This is quite common in JAM stack where they have static sites deployed using gatsby, hugo etc but wherever required they have these small cloud/lambda functions that compute things in backend(or sometimes if you want to hide some logic and not put it on client side). These are also called FAAS(functions as a service) and you pay for the code that runs not the infra etc. Never used these so not sure how cheap or expensive these can be compared to infra or PAAS.
thanks to both of you. I was also just wondering where the data for the blog posts is stored. are they all in separate files, or where they are stored?
@@floriansaria They're probably in a github repo. Not sure how the files are made, I would assume a markdown file, and he somehow imports react components into the page after processing the markdown to html. I think he made a compiler for that which he talked about. So the compiler makes the html, CSS and processes the react components based on the markdown and jsx
I'm pretty certain the content is Markdown files. I use Astro on mine as well, and Astro uses .md files for the content.
Hey should I use astro or qwik .... ?
Hey, what do you think about qwik. Can you make a video on it
Astro 🚀 !!
Did you ever look at Nuxt? I love it
If you use gatsby you should switch to anything.
What did the Gatsby collaborators answer to the issues you encountered?
Thanks Kyle for another really helpful video. Just rewatched this after migrating several projects to the new Astro 1.0. As you predicted, things are much easier...and may be really useful for your blog use-case, especially with Astro's new integrations like Tailwind 3. You already found solutions to port your custom blog code (code highlighting etc.) from Gatsby, but I wondered if you'd seen Simon from Tailwind Labs presentation of their css-only solution to font highlighting which uses custom code highlighting as an example in 'How to Use Custom Fonts with Tailwind CSS' th-cam.com/video/sOnBG2wUm1s/w-d-xo.html I found using Astro with custom CSS utilities in Tailwind helped me remove (rewrite in CSS) a bunch of javascript. Even if this doesn't help, sincere thanks to you as your content has helped me many times!
Why it was not an option to build a blog from scratch and be in control of every single detail?
because frameworks like gatsby and astro allow for markdown and automatic page generation built off a template. this would be super annoying without a framework. you also have really good plugins and help for good SEO scores. which is pretty important for a blog that you want traffic going to
Gatsby's tragic flaw is its inability to wake up from its dream of the past and accept reality. The obsession with recapturing its past relationship with Daisy compels it to a life of crime and deceit.
Dude awesome what you did just there
lol
I'm thinking of porting my next.js blog to Astro as well :)
Why would you do that? What kind of problem are you having with NextJs?
@@angel_ruggia HMR for markdown and performance, it's super simple blog, but in lighthouse scores I got 89 to 100 jump once I migrated to Astro. What was your experience with it like?
Also I have a video on this, I can't probably send the link in the comments, but you can search it by "Porting my Next.js blog to Astro (no React challenge)"
I'll stick with NextJS.
should i use astro to build a documentation website?
Did you clear the cache and the static folder? 🤷♂️
Did they old blog have an RSS feed? Looks like the new one doesn't Please add one, ideally with auto discovery link tag.
Re the plugins, Astro do have some now... you've coded them :P assuming you're willing to make these available :)
I have this crazy theory that WDS and Fireship are the same guy.
hey.. I’m big fan the way you code. please create a tutorial on screen recording in javascript
hi i love your lessons about web Devs ok but i want you to do somthing call barcode scanner using java script , When i sacn the barcode i click a buttons like this please
please make a bootstrap video
anyone got a recommendation for something with a nice blog writing experience, like Ghost. I want static hosting because I don't really write much content and don't want to pay $5 a month for a VM to host it. At the moment I run Ghost locally, export it as a static site and deploy it, but that's a mess..Maybe I should just write markdown with something like astro?
Try eleventy.
It seems like at that point wouldn't it just be easier to go vanilla?
He explained that he already had customized components, so to go vanilla means that he would have to rewrite them
~Connection refused~
Why you didn't use Next.js. Next.js also has SSG, Can you please tell me the reason?
Another request for an update.
Remix js ftw
oh jeez, am i the only one who made my own platform for my blog? don't look at me like that, it was a pandemic, and I wanted to see if I could do it. never did something like that alone before
wonder if I should make a package out of it,..
Why I Watched Your Video But You Probably Shouldn’t ✌✌✌✌✌
Anything for php like this?
php is a backend language bro. we are talking about a static blog site here
bro please make a project with react native
Does your blog have an RSS feed?
Hey, could you build a chess game with js?👊🏻
can you shut up dude. go google another tutorial. stop bothering this dude he puts out enough content
why didn't you just downgrade to a prev version?
How to use sass in astro
that what happen when you over engineer things.
Please show your astro code please!!!
The right solution would be to rewrite the compiler and release a new "JS FRAMEWORK" Yaaaayyyyyyyyyyyyyyyyyyyyy!
This constantly breaking and then deciding to use something else reminds me a lot of IE 5.5.
React frameworks seem so bloated to me a convoluted
You need a dark mode in your blog,
+1
You need a dark mode on 'x' (insert every application/site here)
i think NextJS r better
First audience!!!!!
Sir Please make a video of custom scrollbar with JavaScript. Thank you 💞
First Comment
Not you
Third comment!
There just aren't enough Javascript frameworks, templating engines, MVC implementations etc. And we have a serious deficiency of programming languages: the world deserves hundreds more.
Ok, it's driving me mad - I cant take my eyes of Kyles right ear lobe. How is it just one solid colour.
Not meaning to be rude but its distracting me in every video thesedays.
fuckk. now i can't unsee that
??Ỗ?Ø?Ｍ
Why shouldn't I do the same? You starting to feel God like against us the peasants? You're tacking a bit of a funny turn as of lately, towards arrogance.
when you use gatsby instead og plainjs