babel-plugin-macros VS astro

One of the more promising alternatives is twin.macro - a Babel macro that processes Tailwind classes to generate JS objects understandable by various CSS-in-JS libraries. The developer experience (DX) of using it is amazing as you not only get all of Tailwind’s features without much change to your code, but you also get much more flexibility - all that on top of the traditional benefits of CSS-in-JS. Here’s an example code:

For example with Babel you could use babel-plugin-macros to execute this file at compile time and replace the file contents with the result of the computation. So appSettings would only have the configs for the current environment and nothing more and your source wouldn't need to change much.

It does require babel-plugin-macros which should also help with keeping things nice and performant in production. The package is part of a larger initiative im trying to achieve which is to create file-system based routing for all mainstream React and React Native routing packages. I have done everything I can to keep it as boilerplate free as I can. To give an example

MacroError: The macro you imported from "undefined" is being executed outside the context of compilation with babel-plugin-macros. This indicates that you don't have the babel plugin "babel-plugin-macros" configured correctly. Please see the documentation for how to configure babel-plugin-macros properly: https://github.com/kentcdodds/babel-plugin-macros/blob/master/other/docs/user.md

Yes, it also does that. https://github.com/kentcdodds/babel-plugin-macros

babel-plugin-macros

But it has a CMS? The author said that replaced WordPress sites with Astro, and on https://astro.build/ I see a comparison to WordPress.

Astro brings a friendly UI to maintain and update the sites? Like the WordPress panel and editor.

Static Site Generator: Astro

Framework: Astro (using Astro endpoints for the full-stack API)

Many people I know use https://astro.build/ to create impressive landing pages for products or validation. It is fully static by default which is impressive.

For our storefront, we chose Astro.js. If you haven't heard of Astro, prepare to be amazed. Its core philosophy is "Ship less JavaScript," which translates directly to incredible page load speeds and a fantastic user experience.

Hackfolio is a modern, minimal, and fully responsive portfolio template built with Astro. Designed for developers and creators, it helps you showcase your skills, experience, and projects with a clean and professional look.

If you’ve just started creating your website with Astro and have no clue how to improve your SEO, you’re not alone here.

Astro

I've been digging Astro lately, I keep eyes on Nuxt, VitePress and similar though.

That’s exactly what we set out to do with Parcs Canins — a curated directory of secure, fenced dog parks in France, built entirely with Astro.js.