The latest articles on DEV Community by Sushant Kumar (@sushannt). https://dev.to/sushannt https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1187408%2F700db0fa-326c-4a84-8c67-96cc3e0ba459.png https://dev.to/sushannt en Sushant Kumar Mon, 12 Feb 2024 08:53:45 +0000 https://dev.to/sushannt/-astro-tailwind-css-perfect-portfolio-100-lighthouse-win-41ep https://dev.to/sushannt/-astro-tailwind-css-perfect-portfolio-100-lighthouse-win-41ep <p>Hey folks! Just had to share my excitement – I've built my portfolio website using <strong>Astro</strong> and <strong>Tailwind CSS</strong>, and guess what? Nailed a flawless 100% performance score on <strong>Chrome Lighthouse</strong>! 🎉</p> <p>link to portfolio: <a href="https://sushannt.netlify.app">sushannt.netlify.app</a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz5odixxyhos4fidng4v6.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fz5odixxyhos4fidng4v6.png" alt="Portfolio" width="800" height="404"></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ktws0bhnmls4b29ikd4.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ktws0bhnmls4b29ikd4.png" alt="Portfolio lighthouse performance" width="800" height="428"></a></p> <p>Tailwind CSS made designing a breeze – no custom CSS, just plug and play with those handy utility classes. And Astro? Well, it's like magic – dynamic features with static site speed. </p> <p>My portfolio's looking slick with clean navigation, responsive layout, and showcase sections that pop. And talk about speed – optimized assets and lazy loading mean lightning-fast load times. </p> <p>So, whether you're a dev pro or just starting out, Astro and Tailwind CSS are a dynamic duo worth trying. Trust me, your portfolio will thank you! ✨ </p> webdev astro tailwindcss javascript