Arastoo Abasiarastoo.hashnode.dev·Sep 24, 2023Astro: A Web Framework for ContentAs a Technical Content Writer, I was always looking for a simple solution for creating a fast, minimal, and beautiful blog. WordPress was always a heavy and mass option: I don't need that much of features and I could not disable them. Then I noticed ...Discuss·1 likecontent
Nouman Rahmanprogrammingfire.com·Sep 8, 2023Astro: Why It's Gaining More and More Attention, and Why It Absolutely ShouldIn the fast-paced world of web development, trends and technologies come and go. But every once in a while, something emerges that captures the attention of developers and holds it with an iron grip. Astro, the revolutionary static site generator, is...Discuss·13 likes·97 readsWeb Development
chantasticchantastic.hashnode.dev·Aug 31, 2023Polymorphic as prop in AstroAstro has dynamic tags — a way to take an element or component as a prop. I had trouble finding the feature because the React community calls this pattern the "polymorphic as prop". Because we enjoy our pseudo-computer-science bullshit artisinally. D...DiscussWeb Development
Matteo Gassendmatfire.hashnode.dev·Aug 24, 2023Building an Astro Blog with View TransitionsI've recently decided to recentralize all my articles on my own blog instead of publishing them to [Hashnode](https://hashnode.com) (nothing wrong with Hashnode, just something that I had wanted to do for a while) and since I have a wondeful brand ne...DiscussAstro
chantasticchantastic.hashnode.dev·Aug 1, 2023Add Lucide Icons to AstroThere's no first-class Lucide integration for Astro. But making a custom one isn't too hard. This is the component I made to do the job: --- const { icon, ...props } = Astro.props; const [, attributes, children] = icon; const componentChildren = ch...DiscussAstro
Zell Liewzellwk.hashnode.dev·Jul 25, 2023Here’s how to quickly test components that use container queriesContainer queries are amazing. They let us build UI that allow a component looks good no matter what size the component is displayed at. But this feature also makes it difficult to test container queries. If you do it normally, you have to resize you...DiscussContainer queries
Amal Shajiamalshaji.hashnode.dev·Jul 22, 2023Improving pagespeed scores on my websiteI recently made some changes to my website (this). I wasn't worried about the page performance at first; the goal was to make it work and worry about performance later. Pagespeed insights When the initial modifications were live on my website, I chec...DiscussAstro
Zell Liewzellwk.hashnode.dev·Jun 27, 2023When building components in Astro, you might not want to use Astro files"If you're using Astro, you should build components with the astro extension". That was my initial thought when I started using Astro. But after a couple of months building with Astro, my thinking has changed. I no longer build most of my components ...DiscussAstro
Rodney Lab - Content Site WebDev & Serverlessrodneylab.hashnode.dev·Jun 15, 2023Astro Font Fallbacks with Capsize🚀 Font Fallbacks In this Astro font fallbacks post, we see how you can use Capsize to reduce layout shift caused by font swaps. We focus on self-hosted fonts in vanilla CSS here, though you can apply the techniques elsewhere. Before tucking into the...DiscussAstro
Tanay Kediatanaykedia.hashnode.dev·Jun 12, 2023Better ways to create a React appIntroduction: As a newcomer to web development, learning React.js is an exciting endeavor. However, the recommended approach of using Create React App (CRA) might not always be the best choice. In this article, we will explore the reasons behind the ...DiscussReact
