Why I Switched To Astro But You Probably Shouldn’t

Рет қаралды 64,776

Күн бұрын

My Blog: blog.webdevsimplified.com
Gatsby is really nice, but I have ran into so many issues with Gatsby that have pushed me away from it. I spent around 40 hours swapping from Gatsby to Astro and this video documents my experience switching to Astro and why I decided to switch to Astro.
📚 Materials/References:
My Blog: blog.webdevsimplified.com
🌎 Find Me Here:
My Blog: blog.webdevsimplified.com
My Courses: courses.webdevsimplified.com
Patreon: / webdevsimplified
Twitter: / devsimplified
Discord: / discord
GitHub: github.com/WebDevSimplified
CodePen: codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:55 - Why I swapped to Astro
03:15 - Issues with Astro
#AstroJS #WDS #GatsbyJS

Пікірлер: 126

@elliotheath5366 Жыл бұрын

Would love to hear a follow up on your experience with the 1.0 release

@ryanquinn1257 Жыл бұрын

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

@krishgarg2806 Жыл бұрын

@@ryanquinn1257 yup

@saltydunmer3453 Жыл бұрын

It’s amazing

@Godalming123 5 ай бұрын

So crazy that just 1 year later, astro v4 has come out

@rorymax 2 ай бұрын

@Godalming123 and now they have astro dB and stuff! They're awesome

@HarshKapadia 2 жыл бұрын

I absolutely LOVE your blog! Such good articles! Been a reader for quite some time now.

@Emberdyn 2 жыл бұрын

Thanks for the video about Astro. I’ve been tinkering with different blogging platforms so this was very helpful. 🥂

@FunctionGermany 2 жыл бұрын

cool that you talk about astro, i've been looking into switching as well for months now

@smibssmibs Жыл бұрын

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.

@MuhammadUzair-vw4hw 2 жыл бұрын

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.

@musem6006 Жыл бұрын

Here we have been on 1.0+, how's it going?

@markosth09 2 жыл бұрын

Kyle, did you update mdx recently because the Gatsby plugin has not been updated for mdx 2?

@wayneswildworld 2 жыл бұрын

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.

@WispOfSoul 11 ай бұрын

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!

@palyanytsia 2 жыл бұрын

Thanks for sharing. I love the idea behind Gatsby, but it's not stable enough

@jorgealberto1851 2 жыл бұрын

Man, your blog is such a jewel!

@cabanford 2 жыл бұрын

And, Oh my God! Does your blog load quickly! Lovely 😎❤️

@KyninhaH 2 жыл бұрын

That sounded like a huge pain. Hope it keeps working for you

@ofeenee Жыл бұрын

May you please make an updated video on Astro?

@wallace4904 2 жыл бұрын

How long did it take to switch from El Niño to Web Dev Simplified though?

@genc_emekli Жыл бұрын

thank you very much for your valuable advice.

@maskman4821 2 жыл бұрын

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 😎

@kraxen72 2 жыл бұрын

@mrpaulishaili Жыл бұрын

What do you think now about Astro? Thanks for this explanatory video.

@apolith 2 жыл бұрын

Hi Kyle. I love your blog but I get way too much emails. Can you consider adding RSS feed for the blog? Thanks.

@nickwoodward819 2 жыл бұрын

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

@alexcc316 2 жыл бұрын

Yes. In the "infinite scroll" tutorial

@alexcc316 2 жыл бұрын

kzfaq.info/get/bejne/hMB7iMyjudrck5s.html

@nickwoodward819 2 жыл бұрын

@@alexcc316 Nice one, thanks!

@cabanford 2 жыл бұрын

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)

@xMdb 2 жыл бұрын

I have the same issues with Gatsby, nextjs is much more stable.

@Anthony-wg7fn 9 ай бұрын

what do you recommend for a static blog now?

@nickwoodward819 2 жыл бұрын

@0:05 Astro's logo looking much cooler with the guitar

@muralimahadevb.s6352 Жыл бұрын

Hey, what do you think about qwik. Can you make a video on it

@bmehder 2 жыл бұрын

Did you consider Sveltekit when choosing a new platform for your blog? If so, what were some reasons you chose Astro over Sveltekit?

@WebDevSimplified 2 жыл бұрын

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.

@krishgarg2806 2 жыл бұрын

@@WebDevSimplified Try svelte, it is very easy and light weight. It's more of compiler which compiles to browser js.

@henil0604 2 жыл бұрын

@@WebDevSimplified Even i am less experienced than you i still suggest you to try Svelte its really easy to use and its somewhat faster.

@imagineabout4153 Жыл бұрын

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

@edwardalmanzar8382 2 жыл бұрын

Did you clear the cache and the static folder? 🤷‍♂️

@doublemarvellous5525 2 жыл бұрын

Did you ever look at Nuxt? I love it

@normalcoding 2 жыл бұрын

Thanks bro ☺️

@floriansaria 2 жыл бұрын

Very good insights, thank you. What do you use as your backend?

@skyhappy 2 жыл бұрын

No backend, it's hosted on netlify as static pages.

@blasttrash 2 жыл бұрын

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.

@floriansaria 2 жыл бұрын

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?

@skyhappy 2 жыл бұрын

@@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

@JaimitoAleman 2 жыл бұрын

I'm pretty certain the content is Markdown files. I use Astro on mine as well, and Astro uses .md files for the content.

@31redorange08 Жыл бұрын

What did the Gatsby collaborators answer to the issues you encountered?

@Kanexxable Жыл бұрын

I think you should try a vscode extension called Astro Snippets

@RaghuprasaadIyer 11 ай бұрын

Hey should I use astro or qwik .... ?

@Chris-gz4ie Жыл бұрын

Can you make a. Video or course on how to build a blog

@appuser 2 жыл бұрын

Re the plugins, Astro do have some now... you've coded them :P assuming you're willing to make these available :)

@systembreaker4651 2 жыл бұрын

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

@sanusihassan7125 Жыл бұрын

should i use astro to build a documentation website?

@aidenberzins 5 ай бұрын

Do you regret it a year later? Especially now with Astro 4.0?

@michelaveline 2 жыл бұрын

I am going ti to check your blog...!

@tomfancode 9 ай бұрын

Oh, I switch to Astro from next js now.

@aravindsanjeev4150 2 жыл бұрын

Me having an year old Gatsby blog thinking of making the site/articles more interesting: *takes notes*

@matthewbeardsley7004 Жыл бұрын

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?

@lexsemenenko7044 2 жыл бұрын

Why it was not an option to build a blog from scratch and be in control of every single detail?

@BobbyBundlez Жыл бұрын

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

@rlifts 3 ай бұрын

Hey Kyle, has Astro improved since? I've been following you since you had subscribers in the thousands. Keep up the great work.

@lvekua 2 жыл бұрын

Can't wait to see decent Astro crash course.

@ParasocialFix 2 жыл бұрын

I'm thinking of porting my next.js blog to Astro as well :)

@angel_ruggia Жыл бұрын

Why would you do that? What kind of problem are you having with NextJs?

@ParasocialFix Жыл бұрын

@@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?

@ParasocialFix Жыл бұрын

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)"

@uquantum Жыл бұрын

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' kzfaq.info/get/bejne/qbWedapj3LvRYac.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!

@izio4408 2 жыл бұрын

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

@joostschuur Жыл бұрын

Did they old blog have an RSS feed? Looks like the new one doesn't Please add one, ideally with auto discovery link tag.

@thomascollardeau9569 2 жыл бұрын

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.

@jwoods9659 Жыл бұрын

Dude awesome what you did just there

@BobbyBundlez Жыл бұрын

lol

@ubersensei8658 2 жыл бұрын

please make a bootstrap video

@kyler.6645 Жыл бұрын

It seems like at that point wouldn't it just be easier to go vanilla?

@angel_ruggia Жыл бұрын

He explained that he already had customized components, so to go vanilla means that he would have to rewrite them

@siddharthchaudhary7258 2 жыл бұрын

Why you didn't use Next.js. Next.js also has SSG, Can you please tell me the reason?

@uthirapathikuppusamy838 Жыл бұрын

How to use sass in astro

@mikeonthebox Жыл бұрын

Why would you update Gatsby instead of just rolling back to the point where it was working ok?

@BobbyBundlez Жыл бұрын

because gatsby has made serious changes since introducing gatsby 5 and this would inevitably break the whole site by now.

@whatamiwitnessing1003 2 жыл бұрын

Anything for php like this?

@BobbyBundlez Жыл бұрын

php is a backend language bro. we are talking about a static blog site here

@amritpalsingh7262 2 жыл бұрын

hey.. I’m big fan the way you code. please create a tutorial on screen recording in javascript

@andrewrico8321 2 жыл бұрын

11ty my friend.

@fuggeldev 2 жыл бұрын

Hey, could you build a chess game with js?👊🏻

@BobbyBundlez Жыл бұрын

can you shut up dude. go google another tutorial. stop bothering this dude he puts out enough content

@natnael-oqp5082 2 жыл бұрын

bro please make a project with react native

@EternalDarknessAboveTheBlueSky 2 жыл бұрын

This constantly breaking and then deciding to use something else reminds me a lot of IE 5.5.

@beepmach 2 жыл бұрын

Does your blog have an RSS feed?

@victorhugoolvera8773 6 ай бұрын

I have this crazy theory that WDS and Fireship are the same guy.

@moneyfr 2 жыл бұрын

Please show your astro code please!!!

@stfalx 2 жыл бұрын

Don't tell me what to do! I will use ASTRO! For something, i dunno for what but i will!

@Dan-codes Жыл бұрын

Another request for an update.

@mimosveta 2 жыл бұрын

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,..

@balasubramanian4236 2 жыл бұрын

Remix js ftw

@b1mind 2 жыл бұрын

Astro 🚀 !!

@pastuh Жыл бұрын

~Connection refused~

@gergoradeczki 2 жыл бұрын

why didn't you just downgrade to a prev version?

@narcos1024 2 жыл бұрын

Try eleventy.

@Colstonewall 2 жыл бұрын

I'll stick with NextJS.

@dailymeow3283 2 жыл бұрын

You need a dark mode in your blog,

@everyhandletaken 2 жыл бұрын

+1 You need a dark mode on 'x' (insert every application/site here)

@Russia-with-krafi_bn 4 күн бұрын

well done what about this 2024

@HowPortal 2 жыл бұрын

that what happen when you over engineer things.

@MuhammadArshad-gv7es 2 жыл бұрын

Sir Please make a video of custom scrollbar with JavaScript. Thank you 💞

@Gorops 9 ай бұрын

If you use gatsby you should switch to anything.

@oszi7058 Жыл бұрын

The right solution would be to rewrite the compiler and release a new "JS FRAMEWORK" Yaaaayyyyyyyyyyyyyyyyyyyyy!

@jwoods9659 Жыл бұрын

React frameworks seem so bloated to me a convoluted

@chocoblan4288 Жыл бұрын

Why I Watched Your Video But You Probably Shouldn’t ✌✌✌✌✌

@bradchellingworth5973 7 ай бұрын

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

@khangnguyenduy4974 2 жыл бұрын

First audience!!!!!

@jpangan 2 жыл бұрын

Third comment!

@illegalsmirf Жыл бұрын

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.

@simpingsyndrome 2 жыл бұрын

i think NextJS r better

@prajval37 2 жыл бұрын

First Comment

@junny_toon 2 жыл бұрын

Not you

@thacherkascak825 2 жыл бұрын

??Ỗ?Ø?Ｍ

@daedalus5070 Жыл бұрын

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.

@BobbyBundlez Жыл бұрын

fuckk. now i can't unsee that

@theretroman3862 2 жыл бұрын

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.