- Tailwind CSS
It’s been a while since I’ve updated my own website, so it got a big rusty.
The time has come for an update with new content using new and exciting toys like Astro and Tailwind :)
Since last update I have tried quite a lot of tools: Next, 11ty, Gatsby and others. But none of them really resonated with me until I tried Astro.
Recently Astro had it’s 3.0 release with several new features like performance and image optimizations, page transitions and so on. I liked it immediately because it’s fast, simple and powerful enough to do almost everything I need out of the box.
For example, if you need to add front-end framework or library like React, Vue, Svelte or other - no problem. What’s even cooler that you can mix and match components from different frameworks on one page like this:
--- // Example: Mixing multiple framework components on the same page. import MyReactComponent from '../components/MyReactComponent.jsx'; import MySvelteComponent from '../components/MySvelteComponent.svelte'; import MyVueComponent from '../components/MyVueComponent.vue'; --- <div> <MySvelteComponent /> <MyReactComponent /> <MyVueComponent /> </div>
In my honest opinion - this is truly amazing. Freedom to use anything you want, or everything you want, out of the box. Did I mention that it has Tailwind support? So, as you can probably see, I’m very exited about this new wonderful toy.