Back to articles
Stop Resizing PWA Icons by Hand: I Built a CLI to Automate It in Seconds 🚀

Stop Resizing PWA Icons by Hand: I Built a CLI to Automate It in Seconds 🚀

via Dev.to ReactMuhammad Dariaz Zidane

As frontend developers, we all love the idea of Progressive Web Apps (PWAs). But let's be honest: the initial setup is tedious. Every time I start a new React or Vite project, I find myself opening an image editor just to resize my master logo into 192x192, 512x512, apple-touch-icon, and favicon. Then, I have to manually write the manifest.json file and make sure all the paths are perfectly linked It kills the momentum. So, I decided to fix it. I built a lightweight, interactive CLI tool to automate the entire process. Just point it to your master image, answer a few prompts, and you're done. 📦 Meet pwa-gen You don't even need to install it. You can run it instantly in any of your project directories using npx: npx @muhammaddariazzidane/pwa-gen ✨ What Does It Do? Under the hood, this tool is powered by sharp (for blazing-fast image processing) and @clack/prompts (for that beautiful, modern terminal UI). Here is what it handles for you: Instantly Generates Standard Icons : Creates all t

Continue reading on Dev.to React

Opens in a new tab

Read Full Article
3 views

Related Articles