Aggregated Astro content from across the web

I just merged this giant pull request. https://github.com/ProxLock/Landing/pull/10 We moved our entire landing site from @reactjs to @astrodotbuild and even helped @clerk bolster their SDK in the process. If you're curious why we made the transition for @proxlockdev, go read my original thread.

I just merged this giant pull request. github.com/ProxLock/Landing/… We moved our entire landing site from @reactjs to @astrodotbuild and even helped @clerk bolster their SDK in the process. If you're curious why we made the transition for @proxlockdev , go read my original thread. Morris Richman (@morrisinlife) I just rewrote the ProxLock landing page in @astrodotbuild . Excited to ship out some serious enhancements for our landing page soon! But you may be wondering why Astro? 🧵 github.com/ProxLock/Landing/… — https://xit.otterlord.dev/morrisinlife/status/2017824670742155640#m

Moved my website from @nextjs to @astrodotbuild . I don't understand much but I think for static blog sites Astro is and should be better. I like @nextjs for actual apps.

Moved my website from @nextjs to @astrodotbuild . I don't understand much but I think for static blog sites Astro is and should be better. I like @nextjs for actual apps.

Which do you like more: – motion on or – motion off? Any guesses on what I built this with? #rive #spline #react #astrojs #nextjs #nuxtjs #gsap #webdeveloper #webdesign #animation #motiongraphics #lottielab #unicornstudio #framer #framermotion

Which do you like more: – motion on or – motion off? Any guesses on what I built this with? #rive #spline #react #astrojs #nextjs #nuxtjs #gsap #webdeveloper #webdesign #animation #motiongraphics #lottielab #unicornstudio #framer #framermotion Video

Erika's blog post links to the guide, but the Astro guide itself is here: github.com/withastro/as... It's *so* useful. Hope you find it helpful!

R to @helloIamWilly: Over a month..... 😁 Thank you Will!

Over a month..... 😁 Thank you Will!

R to @RafaellLycan: I’ve found Oxlint to be rather good actually. Haven’t run into any notable issues with it. Maybe they patched the issues you mentioned since Nov 🤷

I’ve found Oxlint to be rather good actually. Haven’t run into any notable issues with it. Maybe they patched the issues you mentioned since Nov 🤷

astro-gtm is the easiest way to set up Google Tag Manager in your @astrodotbuild project, now stable and production ready 🚀

astro-gtm is the easiest way to set up Google Tag Manager in your @astrodotbuild project, now stable and production ready 🚀

Btw viz astro.build

New Astro and Puter.js tutorial coming next week youtube.com/post/UgkxGvh... #astrojs #aiapp #sleeptracker #puterai #parenting

New Astro and Puter.js tutorial coming next week http://youtube.com/post/UgkxGvhfExsWKr7Sx4q8NKE03K5Xs7VXTUz4?si=k18fE7BQ2EL4Ax2T #astrojs #aiapp #sleeptracker #puterai #parenting

New Astro and Puter.js tutorial coming next week piped.video/post/UgkxGvhfExs… #astrojs #aiapp #sleeptracker #puterai #parenting

You can thank @erika.florist for researching and writing @astro.build's guide to writing error messages!

R to @mikepagenl: I'll fix this, what's the problem you have? Can you explain your workflow?

I'll fix this, what's the problem you have? Can you explain your workflow?

R to @RafaellLycan: what bugs did you find? please report them and we’ll fix it!

what bugs did you find? please report them and we’ll fix it!

R to @matthewcp: Will Claude solve the issues to deploy Astro 6 beta to Cloudflare? Astro 6 beta worked without adapters on Vercel, not on Cloudflare with or without adapters.

Will Claude solve the issues to deploy Astro 6 beta to Cloudflare? Astro 6 beta worked without adapters on Vercel, not on Cloudflare with or without adapters.

This is how all error messages should look like. #AstroJS setting the bar high with their excellent #DeveloperExperience #DX

R to @haydenbleasel: Hey @haydenbleasel 👋 QQ: is Oxlint as good as Biome? I've tried it back in nov~dec and it felt buggy 😅 Also I believe they don't have support for @astrodotbuild just yet, but I'm curious to know your experience evaluating both tools 😉

Hey @haydenbleasel 👋 QQ: is Oxlint as good as Biome? I've tried it back in nov~dec and it felt buggy 😅 Also I believe they don't have support for @astrodotbuild just yet, but I'm curious to know your experience evaluating both tools 😉

Can't wait? Here's the prototype github.com/withastro/as...

@astro.build v6 has brought a faster dev server, but I have one more gift for you all. A new rendering infrastructure! It's more memory efficient, and it seems to yield good performance, up to 4x compared to the one we have.

静的サイト（Astro）に動的な機能（ログイン）を組み込む実験。 認証基盤には「Clerk」を採用。ミドルウェアで /admin をガードする鉄壁の守りが数行で完成した。 50年前、セキュリティといえば物理的な鍵だったが、今はAPIキーひとつで世界が変わる。面白い。2段階認証も対応。 #AstroJS #Web開発 #Clerk #実験 [ https://koroutoai.com ]

静的サイト（Astro）に動的な機能（ログイン）を組み込む実験。 認証基盤には「Clerk」を採用。ミドルウェアで /admin をガードする鉄壁の守りが数行で完成した。 50年前、セキュリティといえば物理的な鍵だったが、今はAPIキーひとつで世界が変わる。面白い。2段階認証も対応。 #AstroJS #Web開発 #Clerk #実験 [ koroutoai.com ]

Nice little mention in the Astro blog for using their tech - astro.build/blog/whats-n...

R to @MediaKing: @astrodotbuild is the way. It's the xss vulnerabilities and other zero day events all the time plus a subscriptions, plus elementor and yoast and all this other crap, ninja forms, slow. Everything breaking.

@astrodotbuild is the way. It's the xss vulnerabilities and other zero day events all the time plus a subscriptions, plus elementor and yoast and all this other crap, ninja forms, slow. Everything breaking.

R to @Mike_Andreuzza: How many hours did that take? Awesome work

How many hours did that take? Awesome work

R to @geekyharsh_05: 💯💯💯💯

💯💯💯💯

R to @matthewcp: that’s because Fred is 100% vibe coding, he just doesn’t like to admit it to keep up the mystique.

that’s because Fred is 100% vibe coding, he just doesn’t like to admit it to keep up the mystique.

R to @nathanlawsn: Aw cheers. Thanks for the kind words. ☺️

Aw cheers. Thanks for the kind words. ☺️

R to @bejamas_io: 👀 @astroweekly

👀 @astroweekly

I'm vibe coding 90% of the bug fixes I do in @astrodotbuild and yet the stuff @FredKSchott is cooking up makes me feel like a caveman.

I'm vibe coding 90% of the bug fixes I do in @astrodotbuild and yet the stuff @FredKSchott is cooking up makes me feel like a caveman.

R to @dqnamo: Better late than never!

Better late than never!

R to @iamwix: Great write up, Chris. Bookmarked for @astroweekly this Sunday! 📬

Great write up, Chris. Bookmarked for @astroweekly this Sunday! 📬

R to @superhighfives: Nice work, Charlie. Bookmarked for @astroweekly this Sunday! 📬

Nice work, Charlie. Bookmarked for @astroweekly this Sunday! 📬

We 💖 @astro.build Astro is life

CSS setup tips

For a bit of context, I'm a designer, spending most of my time inside Figma but I know HTML, CSS and a bit of vanilla JS (usually just for micro animations and interactions). In the past year, I have been coding more and more and looking to a tool/setup to help me while AI doesn't take my job. I don't call this work front-end because there's no API integration or whatsoever. It's pure HTML and CSS to show to our real devs how the responsiveness behaviour should work and the ideal markup to insure it meets our accessibility guidelines. Astro is simple enough for me to set up and use for this kind of projects, I'm just looking here for things/tips that would make my life easier. **1. Is it possible to have Live-reload on CSS files outside /src?** I prefer to have my styles inside CSS files, not within the HTML code. Atm I have placed them inside /public but live-reload does not trigger when saving the css there. Is there anything Im missing? **2. Is it possible to only reload the css?** Sometimes I change the DOM on the browser with the Inspect tool and would be nice to keep those changes while I make changes in the CSS file. **3.** **CSS classes autocomplete** I'm using VScode and have the astro extension installed. Is it possible to a .astro file to see all the classes I have created in my CSS? I mean, to have class names suggestions when typing something like <div class="" /> Any help would be appreciated, cheers.

Astro with the PHP Lambo GIGACHADS

All cringe jokes aside, I am in a situation with a business partner who locked in on a few years worth of the classic PHP stack on managed hosting. He refuses to grab any VPS hosting for those special cases so I'm stuck with this for client work with involves him. I am curious if anyone has had any personal experience in trying to take on a project with Astro on the frontend and lovely <?php on the backend. I am aware search and AI is a thing for solutions but I'm asking what peoples' experience has been like, if any.

Thank you for the kind words! I'd say the credit there goes to @astro.build!

RT by @Mike_Andreuzza: Finally I am done porting all my @astrodotbuild themes at Lexington to @sanity_io. All 45 Astro & Tailwind CSS themes have a separate Sanity CMS variant. The Sanity theme includes an optional Astro + Sanity version with a ready-to-use Sanity Studio, pnpm monorepo setup, and Tailwind CSS v4. Existing Full Access customers get every Sanity variant at no extra cost. — Link to @lexingtonthemes my BIO ( 50% off in website )

Finally I am done porting all my @astrodotbuild themes at Lexington to @sanity_io . All 45 Astro & Tailwind CSS themes have a separate Sanity CMS variant. The Sanity theme includes an optional Astro + Sanity version with a ready-to-use Sanity Studio, pnpm monorepo setup, and Tailwind CSS v4. Existing Full Access customers get every Sanity variant at no extra cost. — Link to @lexingtonthemes my BIO ( 50% off in website )

I built shopify headless boilerplate using Astro for frontend and FastAPI as backend

You can test live without downloading the boilerplate or login. Just visit - [https://shopify-aurashop-landing.pages.dev/#preview](https://shopify-aurashop-landing.pages.dev/#preview) and enter any existing shopify store url and it will show you a headless store having live products - all built on astro, Since Astro is great for ecommerce, I used it for boilerplate frontend. Let me know what do you think...

Astro db really worth it ?

I tried to understand how I can take the advantage of using astro db in my future projects . But till now I feel loss. Anyone could explains me how to really use it ? The real reason behind astro db is still confused even here : [https://astro.build/blog/astro-db-deep-dive/](https://astro.build/blog/astro-db-deep-dive/)

Built a single-page satirical site with Astro 5, one React island, and a GSAP-powered page transformation. But...

Built a single-page satirical site with Astro 5, one React island, and a GSAP-powered page transformation. But...

RT by @adrianviewpoint: I've introduced a new compound interest calculator on my website. Go check it out! (link in the comments) I've built most of my site using @astrodotbuild and have recently started making more interactive components using @sveltejs. I find the combo of the 2 hits a nice sweet spot for sites like mine. I've been transforming most of my components (different elements of my site) to Svelte ones. What do you all use to build your sites / web-apps ? Why?

I've introduced a new compound interest calculator on my website. Go check it out! (link in the comments) I've built most of my site using @astrodotbuild and have recently started making more interactive components using @sveltejs . I find the combo of the 2 hits a nice sweet spot for sites like mine. I've been transforming most of my components (different elements of my site) to Svelte ones. What do you all use to build your sites / web-apps ? Why?

First Astro site feedback

Hey. I decided this is the year to stop my Adobe subscription and that meant finding an alternative to Adobe portfolio. After giving up on Hugo, I found Astro and have sunk a fair few hours into my first Astro project and my first full website build in years. It’s still a work in progress overall. So many improvements planned but I’m trying to get all my albums and articles back up before I continue with the build. I have been very impressed using Sveltia as the CMS linked to my coffee log and articles. In case anyone is looking for a mobile phone friendly CMS. Looking for constructive criticism if you have a few minutes. It is my personal blog and photography site so no company affiliation or hard sales push here. Thanks in advance. Ken

Constructive criticism on site.

This is built with astrojs. I wanted a small project for a resume builder, while also using some of the latest tools. How can I make this look more professional and less like shit. I have a lot of engineering experience but I'm not good at making things "look nice." www.instant-scare.com

I deployed my Astro site to AWS with S3 + CloudFront — here's the full setup (open source)

Built a deployment pipeline for my Astro portfolio that goes from git push to production with no stored credentials: * GitHub Actions with OIDC federation (no AWS access keys) * Two-phase S3 sync (immutable cache for hashed assets, must-revalidate for HTML) * Selective CloudFront invalidation (cheaper than /\*) * All infrastructure as code with AWS CDK The OAC trap section might save you some debugging — if your subpages show the homepage content instead of the actual page, that's the issue. Full writeup: https://friquelme.dev/blog/deploying-astro-to-aws/ Source code: https://github.com/FlorianRiquelme/friquelme.dev

Just wanna say Thanks Astro

Content heavy web app / page. Used to run on a cobbled together mix of templated expressjs and react plugins with sub 50 page scores. Did a full rewrite with Astro recently and the difference is insane.

Vault CMS: Use Obsidian As A Publishing Platform For Your Astro Website

Sharing here as per u/Supermarket-Gullible's request. [Vault CMS](https://vaultcms.org) is an open-source headless content management system that turns [Obsidian](https://obsidian.md) into a publishing platform for [Astro](https://astro.build). It's injectable into any Astro theme. Install with CLI or by cloning on [GitHub](https://github.com/davidvkimball/vault-cms). It's as simple as running `pnpm create vault-cms` in the root of your Astro project. Then it's just a matter of opening your install directory as an Obsidian vault. The wizard walks you through the rest. The video goes over exactly how to get started and set it up initially. This project has been 6 months in the making and I'm so pleased to share it with you all now. It was recently added to [Astro's official docs site](https://docs.astro.build/en/guides/cms/vault-cms/), thanks to u/sarah11918-astro for getting it in! I'm open to feedback and suggestions. Feel free to [create an issue](https://github.com/davidvkimball/vault-cms/issues/new/choose) or [open a pull request](https://github.com/davidvkimball/vault-cms/compare). I plan to write more in depth [on my own blog](https://davidvkimball.com/posts/vault-cms-use-obsidian-to-write-astro-blog-posts/) for various use case examples. Until then, feel free to check out the [Vault CMS Documentation site](https://docs.vaultcms.org) (using Astro's [Starlight theme](https://starlight.astro.build/)) and play around with it.

Is it not good to use Astro as the frontend of a simple ecommerce site?

I want to build an ecommerce site. When I search online, I found a lot of people are using react or vue, these seems too complicated for me, as mine is a simple ecommerce site. I like the fastness and simplicity of Astro. Does anybody has experience of using Astro as the storefront of an ecommerce site? Is it really not fit? Thanks!

Curious how close is Astro to V6 being released?

Hi there! As stated, I am starting to learn Astro and was wondering how close we might be to v6 being released? I ask mainly because I would like to avoid learning stuff that may be changed in the new version.

How are you handling external links in Astro Markdown?

I was writing a blog post using markdown in Astro and ran into the issue with external links opening in a new tab (It's been on my mind for a while, but I only recently found the time to work on it). I wanted to keep the standard markdown syntax: [Astro Docs](https://docs.astro.build) I also wanted an automated way to handle `target=_blank` and `rel="noopener noreferrer"`, with accessibility in mind. I ended up writing a small plugin that alters external links, skips links with existing attributes, and adds a single `aria-describedby` node to handle screen readers. I haven't packaged it (yet), but there's a short snippet and some explanation [here](https://projectbrackets.com/labz/astro-markdown-target-blank-solution/) if useful. Curious how others handle external links with a11y in Astro. I'm mostly thinking in the context of blog style content. Do you rely on existing plugins? I found one similar (`rehype-external-links`), but it didn't quite cover the accessibility side I was looking for. For small, contained logic I also tend to avoid extra dependencies. Curious if others do the same or roll something custom.

Migrating company profile from WordPress to Astro — performance results are wild 🚀

We’re currently migrating a company profile site from WordPress to Astro, and honestly the performance gains are impressive. After the migration: * Core Web Vitals all passed * LCP \~1s * INP <30ms * Lighthouse scores basically maxed out The site is mostly static content, so Astro feels like a tech fit compared to the previous WP setup (plugins, overhead, caching layers, etc). Still early in the migration, but so far Astro has been a great choice for company profile / marketing sites where performance and simplicity matter. https://preview.redd.it/mlgmhrc1p6ig1.jpg?width=990&format=pjpg&auto=webp&s=43ec5e97450504bc4165405d4d1643a7a60ee68d

🛠️ New Mods Onboard – Let's Build the Astro Community Together

Hey r/astrojs! 👋   First things first – huge props to u/lukaszadam_com for building this community from the ground up. He's been solo-modding, answering questions, and keeping this place running while juggling a demanding workload. That's no small feat.   To help him keep r/astrojs thriving without burning out, Lukasz has brought on two new mods:   **u/tffarhad** – CMO at sitepins.com **u/Supermarket-Gullible** – That's me, Evan. Self-taught tech entrepreneur and Astro enthusiast. We're here to support Lukasz's vision and help this community continue growing.   ### Recent Updates Working alongside Lukasz, we've implemented: ✅ Post flairs for better organization ✅ Updated community guidelines ✅ More active moderation and faster response times   ### We Need Your Input **Where can we improve?** We want to hear from you: * What's working well? * What's frustrating or missing? * What features would make this sub more useful? * What type of content do you want to see more/less of? **No suggestion is too small.** Drop your thoughts in the comments – we're reading everything.   Thanks to Lukasz for trusting us with this, and thanks to all of you for making r/astrojs what it is. Let's keep building together 🚀 – Evan & Farhad

I was avoiding CMSs because they needed integration and maintenance, so I built one that doesn't.

https://preview.redd.it/yotxi3qd83ig1.png?width=3842&format=png&auto=webp&s=1050b7bda5a9d56a7d8c1f5d7791fd15c012d765 As a developer, I enjoyed working with Astro on my IDE. Just plain Markdown and MDX files, and the dev server for live preview ❤️ When I needed to add non-technical teammates to create content, that no longer worked. But every CMS I came across just felt heavy, making me add plugins, change code, and maintain schemas. So I built Zero. A CMS specifically for Astro, that you just connect to your GitHub repository. No plugins, code, or configuration to maintain. Zero automatically reads your content schemas, configuration and \`.astro\` components. Then creates a matching UI for non-technical content creators. Its visual block editor works with Markdown, MDX (with components), JSON and YAML files, with full frontmatter support. You just edit the files in the browser, and then use Zero to commit them back to the GitHub repository when done. When files change in the repository, Zero keeps everything automatically in sync. Looking for feedback before the public launch. [https://www.zerocms.io](https://www.zerocms.io)