Remix.run Logo
buu700 8 hours ago

Here's a trivial example: https://supremecommander.ai. A raw CSS implementation of my blog's logo would have been a pain to build and maintain, but with Astro the code is relatively straightforward JS that becomes pure HTML/CSS at build-time.

The other nice thing is that you can throw all kinds of preexisting components from React/whatever into your site, and it will ship zero JS to the client until you explicitly flag a specific JS resource as an "island".

The only special thing about "islands" is that they're an escape hatch from the default behavior of JS being strictly build-time-evaluated. I found the terminology and description a little confusing at first too, because it makes it sound more special than it is. But the concept makes sense when you understand the context of Astro's intentional default behavior.

weakfish 5 hours ago | parent [-]

Your website also reloads itself every 4 seconds for me on mobile Firefox

buu700 5 hours ago | parent [-]

Good to know, thanks! I can't reproduce that on Android (and it's especially weird since the site has almost no JS), but I'll investigate and try to figure it out.

weakfish 5 hours ago | parent [-]

Np! Hopefully my comment didn’t come off aggressive, meant it to be helpful

buu700 34 minutes ago | parent [-]

lol, well I'd appreciate the heads up even if it were meant to be aggressive, but thanks. Should be good now; the issue was most likely a CSS animation causing the browser tab to crash, so now it'll just turn off the animation whenever the page is quickly reloaded twice in a row.

By the way, I'm getting a 404 at https://www.weakphi.sh/showcase.