Stop Resizing PWA Icons by Hand: I Built a CLI to Automate It in Seconds ð
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...

Source: DEV Community
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