Mark HeffernanforTravel Blogheff.hashnode.dev·a day agoAnother post testing Hashnode and AstroMaecenas ullamcorper orci in eros pellentesque volutpat. Cras at tristique lacus. Praesent quis enim sed quam hendrerit lacinia eu nec urna. Suspendisse non tortor augue. Morbi commodo eget nulla eget facilisis. Proin dui enim, euismod at mollis quis...Discusstest
Sandesh KatwalforSandesh Writes Techsandeshkatwal.hashnode.dev·Nov 15, 2024Boost Your Project's Design with Developer Icons—Free Tech Logo LibraryWe've all been there—spending what feels like an eternity scouring the internet for that perfect tech logo, only to download it and realize it’s pixelated, has a weird background, or, my personal favorite, looks like it was saved with a potato (refer...DiscussOpen Source
David Galiatadgaliata.hashnode.dev·Nov 15, 2024Installing Expressive Code on AstroAdding Code Block Superpowers with Expressive Code Earlier this year, I revamped my blog with a fresh new theme. While the new design was an improvement, there was one small thing that kept bugging me: no copy button on code blocks. You know that fee...DiscussAstro
Michael Andreuzzamichaelandreuzza.hashnode.dev·Nov 14, 2024How to simplify your code and avoid repeating your markup with Astro JS and Tailwind CSSIn this tutorial, we’ll look at ways to streamline your code and reduce markup repetition using Astro.js and Tailwind CSS. This approach will help you create cleaner, more manageable code while saving time over the long term. Read the full article, s...DiscussTailwind CSS
Jonathan Gelingelinjo.hashnode.dev·Nov 13, 2024Hashnode Loader with Astro 5Install graphql-request npm install graphql-request yarn add graphql-request pnpm add graphql-request Create file src/loaders/hashnode/schemas.ts with import { z } from "astro/zod"; export const PostSchema = z.object({ author: z.object({...DiscussAstro
Michael Andreuzzamichaelandreuzza.hashnode.dev·Nov 7, 2024How to create animated image cards with Tailwind CSS and AstrojsLet’s improve your website with an engaging image feature. If your Astro.js project is set up, we’ll get started on adding card animations with Tailwind CSS. What Are Animated Cards? Animated cards are visual elements that use subtle motion to make c...DiscussTailwind CSS Tutorial
Warishh1tags.hashnode.dev·Nov 5, 2024A Complete Guide to Build a Documentation Site with Astro StarlightHave you ever felt frustrated trying to use a promising new tool, only to find it lacks clear instructions? Good documentation can be a lifesaver in these situations. While it may not be the first thing most users look for, it's often the hero they n...Discuss·109 readsAstro
Ritesh Kokamriteshkokam.hashnode.dev·Oct 28, 2024Next.js vs. Astro: Choosing the Best Framework for Your Web ProjectIn the dynamic world of web development, choosing the right framework can significantly impact the performance and scalability of your projects. Two popular contenders in the realm of modern web frameworks are Next.js and Astro. Let's explore their u...Discuss·45 readsWeb Development
Michael Andreuzzamichaelandreuzza.hashnode.dev·Oct 28, 2024How to create a typography component with variants with Astro JSand Tailwind CSSHi everyone! Today, we're creating a typography component for your Astro JS and Tailwind CSS project. Why bothering with a component? Consistent typography is essential for a clean and organized website. Without it, things can quickly become chaotic....DiscussAstro
Michael Andreuzzamichaelandreuzza.hashnode.dev·Oct 24, 2024How to upgrade an Astro JS project from Tailwind CSS v3 to Tailwind CSS v4 ( Alpha )With the recent release of Tailwind CSS v4 by the Tailwind Labs team, it's time to explore how to upgrade an Astro JS project to Tailwind CSS v4 (Alpha), based on the information available. What We Know So Far Tailwind CSS 4.0 introduces the Oxide en...DiscussAstro
