Astro's New Features Have Me Rethinking Everything

[@yiannis_p]

My deep respects to the editor on this one. Amazing video!

[@GratuityMedia]

🎉

[@shreshthmohan]

Astro's home page isn't able to communicate how amazing Astro is.

[@sarveshthakur2894]

hey, can you please elaborate about what are the shortcomings

[@anotherelvis]

It should take no more than 30 seconds to find a 50 line code example with key features of the framework.

[@jearsh]

theo: "don't worry about being the first to a technology" also theo: "i'm a day 0er...put some respect on this name"

[@JezerM]

Theo tell us to not be the first at a certain technology so he can learn it and be better than all of us when such technology is top-tier. Smart move.

[@NECOdes]

he does it so we don't need to lol

[@additionaddict5524]

30:58 because I know I’ll return to it - Theo giving consulting advice on landing page

[@nialisc]

Really nice video ! Everyone is talking about the View Transition API usage in astro right now But I'm more hyped by the usage outside JS land honestly Like for HTMX, Liveview or any other HTML "glue" we have now

[@fabianramos496]

The valuable advice from Theo is that scaling is primarily about complexity, rather than execution or volume. It enables you to achieve the appropriate level of complexity for your requirements.

[@Naton]

speaking of home page designs, I really like how Remix did their home page.

[@Ironication]

Jesus Christ, not again... * readds Astro as item 128 to "To Learn" list *

[@neppe4047]

I like how you use a 2's power even for a non-programming related number lol

[@ThugLifeModafocah]

Daaaammnnn... I'm sold. That transition on the title was beyond easy. Framer motion can help with that, but even so it is way more stuff to do. Yeah. I think it is time to learn some astro.

[@thimodev]

Still interesting Nuxt delivered View transition in April, but I barely read things about it on X of people using it

[@timbenniks]

Nuxt has a great image component :)

[@HeyWorld-o8j]

Can tell us more?

[@karixening]

Fred is such an underrated dev. He drops knowledge bombs everytime he opens his mouth.

[@DavidMulderOne]

Quick question: Does someone know whether Astro image optimization works for static sites, or only for dynamic sites like Next.js? I wrote a completely custom image optimization pipeline for a recent project in Next.js as it was missing for static sites (but I made the most of this, extracting gps locations from photos, reverse geociding them and displaying the location as part of my own Image component 🤓) and I couldn't find a modern framework with static export support and image optimization support.

[@simplysproutmarketing]

I use Astro for static site generation and their image component works!

[@bertynboulikou6052]

Didn't nuxt 3 released transition api in april

[@FzsHotDogInDonut]

I love all of these frameworks. But how do you deploy them in a self host or cpanel, other vercel ,netlify or same services with differents names.

[@knightofrohan]

If anyone sees this, what tool is Theo using to draw those diagrams?

[@Comrade_Tux]

I didn't notice it in this video, but I believe he normally uses excalidraw.

[@tauraamui]

I am genuinely curious how long it took theo to grow a 'stache after prime did

[@madebyjonny7637]

Enjoyed the conversation about their site, would love to see more of that kind of pairing over product/design choices could be cool 🤷

[@clickrush]

Astro is creating something that we already had, but unfortunately lost: It takes the simple and useful concepts of PHP and improves on them. It's unfortunate that PHP went astray from being a straight forward and minimalist way to create on the Web, but good to see that this paradigm is surviving with projects like astro.

[@davewasthere]

Put a carrot at the bottom (not a caret) alongside a quote from Theo. "Honestly not the worst thing"

[@austinskylines]

Super excited about this! Breaking my Javascript animations half way through a build was always fun to fix....

[@existentialquest1509]

what’s really worrying is that it seems Astro needs you to turn off the CSP setting that prevents inline javascript ..not sure if this will pass enterprise standards .. unless i am mistaken ..

[@furycorp]

I love Astro and I do agree that its fundamental reliance on injecting inline JS without proper CSP practices e.g. including capability for hash or nonce is a problem for certain applications + enterprise + security-minded use-cases. It is frustrating to be able to so effortlessly make a site that scores perfect on pagespeed etc scores but falls short on security due to CSP. I hope the community comes up with a way to work it.

[@existentialquest1509]

@@furycorp agree with you...all the superhero features dont make sense if they come with a security issue attached.. i love astro as well and hope the community fixes this.. I also wish people like theo also talk about these issues..many young engineers wouldn't even know how important CSP is.

[@SonAyoD]

Can you explain what csp is?

[@existentialquest1509]

content security policy@@SonAyoD

[@shmmh]

I feel like it's a bit too early for View Transitions API, its not supported in Firefox and Safari yet.

[@BeBoBE]

You can still use the site on those browsers, but without the transitions

[@c0ldfury]

And I bet even when it is it won't work on linux without some sort of hardware acceleration hack.

[@c1re-x9h]

they have fallback animations but idk how they look, havent tried yet

[@IsThisBenton]

akshully htmx supported view transitions first

[@arcetros]

☝🤓

[@riccardoguitar]

Thank you for your vids, Theo, so useful. What would you suggest for a good and not too complicated to set up authentication with Astro in js? Ben Holmes suggests Licia, but it's in Typescript and I'd like to avoid it for now.

[@parkerault2607]

There's nothing preventing you from using a typescript module in your JS project (assuming they distribute the build artifacts with the package, which I'd be really surprised if they didn't).

[@riccardoguitar]

@@parkerault2607of course, you right, but, I want to avoid ts for now, so I need a js solution, stable and not too complicated to set up.

[@blocSonic]

Astro's Image component works exactly as you’d want an image component to. Next’s is just aweful. I'm already quite in love with Astro (not just because of the Image component… LOL… but it helps) and have decided to use it instead of Next for our next website iteration.

[@jpaulbamberg5058]

What headphones are they using?

[@mohammednasser2159]

Have you tried sveltekit + skeleton UI ?

[@zikunwang8286]

Hi, does anyone know what the vscode git blame plugin Theo is using?

[@SandraWantsCoke]

There's no view Transition View API in Firefox! (I tested it maybe a month ago).

[@ErikaPfeiffer-rm7fk]

This new Astro website is soooo much better than before so pls don‘t fuck around with it 😊❤

[@realitydesigners]

this made me excited for astro again

[@FaraazAhmad]

I'm pretty sure I've seen page transition animations in the jquery days

[@miralirafiyev4646]

Theo , what about browser support ? Can we use it now and be sure it'll work in other browsers also ?

[@darialyphia]

no, browser support at abysmal atm (~65%). Basically only chrome.

[@DryBones111]

The Astro implementation of the View Transition API has fallbacks (and can be disabled if you'd rather not ship the JS required for the fallback).

[@qnton]

7:50

[@mathewmorris]

@@qnton goat. lol. I just wanted to say, "tell me you didn't watch the video, without telling me" hahaha

[@studiowebselect]

Nuxt have image optimization fyi

[@n4bb12]

Astro page transitions are slow and don't preserve state. Nothing to be hyped about.

[@HeyWorld-o8j]

It's exactly what view transition is. Hope Webkit and Frefox release VT after they already accept the proposal last month.

[@gozh2002]

sorry I don't get it why it is so good. as currently we have framer-motion can do this sort of things right? then why all the hypes about it.

[@Jorgejhms]

That you don't need js anymore for it, is using a browser API

[@miro-hristov]

How does one become a share holder in Astro? It's not like it's on NASDAQ... :)

[@bioburden]

Early investor I imagine.

[@agimalma5321]

i love this 😍 add auth to

[@rantinggg]

hold on hold on using puppeteer on what endpoint, a website route or api???? I need to hear this how the hell would you use puppeteer for such a use case I am all ears!

[@rantinggg]

11:30 btw

[@st-jn2gk]

eiiiiiiyyyy, fluffy hair works great with that color. Usually you have a more slick-back style, but the fluff aesthetic looks good with the texture. dark roots always a w, however subtle they may be.

[@JohnVandivier]

“Put some respect on this name” 😂😂

[@admiralicic]

This is soo cool 😊

[@samuelschwager]

I will make a new framework with blackjack and hooks

[@O_Eduardo]

That's... what I'm talking about...

[@corbanb]

We are making flash again! 😂

[@gamerpotato2463]

Damn from MPA to SPA just like that.

[@riolly]

TL; DR, Theo & Rich was wrong. MPA is not dead. Fred: Long Live MPA!!! Those who push the most is the right one. - my stupid self

[@taylorswe]

Here comes all the overly animated websites just like video game bloom in 2007

[@spicybaguette7706]

Still waiting for Astro 4.20

[@dungtruong4105]

You're always hyped like a kid, haha

[@PaulVarna]

Sorry, but you probably haven't tried any frameworks lately, because most of them support optimised images.

[@Mitsunee_]

waiting for videos titled NEXT IS DEAD? ASTRO THE NEXT KILLER!! or something like that

[@boomshakalaka656]

So theo want people to stop using Firefox because his product has issues with it 😂😂😂😂

[@t3dotgg]

Here's a list of things I'd have to change to keep Firefox from crashing in Ping: - Disable multi-encoding (I send 2 encodings for different use cases, one low quality one high quality) - Disable all resolutions that aren't 480p or 720p - Disable any framerate that isn't 15fps or 30fps (we have a LOT of users on 60fps) Feel free to keep using Firefox, just don't complain when I block it from my site. I'm building products for users who want good experiences, not to feel good about having a bad experience.

[@clickrush]

​@@t3dotgg Are those things you "have" to do or are you simply optimizing for just one browser? Since those points are performance related I'm confused. FF has surpassed Chrome in many aspects recently in terms of performance. I'm sure you have good reasons. But I just want to mention this: You seem to be barely old enough to have experienced the browser wars and the fragmentation and compatibility issues we faced during those times? It's very bad for developers and absolutely sucks for users. Having experienced this, I'm extremely wary of not supporting widely adopted browsers just because one platform is racing to implement features. The wider implications are toxic for the Web.

[@captnoplan3926]

@@t3dotgg Supporting Firefox ensures we continue to have a company building for users and not a company that continues to mine our data and tries hard to ship webdrm and other stuff that strengthens their ad business.

[@t3dotgg]

@clickrush, if I want Firefox users to be able to use Ping without it crashing their browser, then yes, I HAVE to do that. I can't even "only disable for Firefox users", because if a single user in the call has higher quality video, the Firefox user will crash. In the case of WebRTC video, advocating for Firefox support is advocating for lower quality. Our differentiator is the quality of our video.

[@samuelgunter]

weve already had Astro 1.0 and Astro 2.0, bow we're getting Astro 3.0 ?!? what's next, 4.0? 5.0?? WHEN WILL THIS MADNESS END?!

[@TurtleKwitty]

"HTMX takes notes becasue you need to be copying this too" htmx has had it ever since it first shipped so like... a year ago ? The great life is not relying on abstraction that hide this stuff away XD

[@magne6049]

what did you rethink specifically? point of time in video?

[@judahmatende3769]

i am not weird, everything breaks on Edge

[@dopetag]

Lol at the same time after Next.js 13 update it can not handle exit animations anymore. And they have been fixing it already for 8 month.

[@vinkovacek8683]

How can I be Astro shareholder?

[@jukeb]

tweeting > x-ing

[@PhilKingstonByron]

Progressive Complexity

[@hamzakhiar3636]

Doesn't nuxt have it as well

[@minnow1337]

It’s special in astro because it’s not a SPA.

[@fdimb]

@@minnow1337 Nuxt has different render modes, does it only work for SPA ones?

[@HeyWorld-o8j]

Yes but we could not get ride of JavaScript, now VT can be use for MPA and SPA. Svelte is another framework supported VT.

[@hamzakhiar3636]

@@HeyWorld-o8j what's VT??

[@Fanaro]

I generally hate transitions, I want everything immediately, but even I am thinking these transitions are dope.

[@Abilovv599]

I need Astro course

[@edhahaz]

Browser features are genuinely worthless. Grandma doesn't update her browser

[@holycow6935]

This is wild

[@ilearncode7365]

Seems gimmicky

[@Dev-Siri]

astro³ is too good to be !true.

[@fruitypie]

Astro is good, but not support styled-components.....

[@naromsky]

Theo, I hate your video thumbnails passionately.

[@UsernameUsername0000]

I stopped clicking on videos because of them. Clicked on this one just to see if anybody else thought the same and sure enough. I don’t know what’s up with these people trying to turn the tech space into looking like 2014 pop-culture-gossip KZbin.

[@echobucket]

This is all a lie right now except for in Chrome Canary.

[@echobucket]

If you don't believe me, check your Network tab while running a site with View Transitions in Astro.

[@spicybaguette7706]

What do you mean? View transitions are supported in stable chrome since March. Yes it's unstable for MPAs, but like it is said in the video, astro ships a 3kB polyfill

[@Caldaron]

holy shit theo, you're growing a nice nerd skin, what happened? lots of stress and the sorts? hope you can chill soon ;-)

[@ricardobennett1243]

Second

[@randerins]

Nice try, but nah. Sticking to NextJS

[@queerly__coded]

I came for the update about astro, I stayed for the shirt.

[@liquidcode1704]

wow, first?