The latest articles on DEV Community by Foisal islam (@foisalislambd). https://dev.to/foisalislambd https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4044931%2F90bf5b5d-89e1-4976-b9e9-c194eb50ed1e.png https://dev.to/foisalislambd en Foisal islam Fri, 24 Jul 2026 06:17:31 +0000 https://dev.to/foisalislambd/build-a-modern-admin-panel-in-minutes-with-zenpanel-2in1 https://dev.to/foisalislambd/build-a-modern-admin-panel-in-minutes-with-zenpanel-2in1 <p>If you've ever started a new project, you probably know the feeling.</p> <p>You spend hours setting up an admin dashboard, installing UI libraries, configuring routes, creating layouts, and organizing files before you can even start building the actual features.</p> <p>I ran into this problem over and over again, so I decided to build ZenPanel.</p> <p>What is ZenPanel?</p> <p>ZenPanel is an open-source CLI that helps you scaffold a modern admin panel for your project in just a few minutes.</p> <p>Instead of spending hours on repetitive setup, you can generate everything with a single command.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>npm create zenpanel@latest </code></pre> </div> <p>The CLI walks you through the installation process and prepares your project, allowing you to focus on building your application instead of boilerplate.</p> <p>Why I Built ZenPanel</p> <p>Every new project started with the same checklist:</p> <p>Install dependencies<br> Configure the project<br> Create layouts<br> Build navigation<br> Organize folders<br> Repeat everything again...</p> <p>After doing this multiple times, I realized this process could be automated.</p> <p>ZenPanel was created to remove that repetitive work and provide developers with a faster starting point.</p> <p>Supported Frameworks</p> <p>ZenPanel currently works with:</p> <ul> <li>Next.js</li> <li>Vite</li> <li>Angular</li> <li>More frameworks coming soon</li> </ul> <p>The goal is to make the setup process simple regardless of the framework you're using.</p> <p>Why Use ZenPanel?</p> <ul> <li>✅ One command to get started</li> <li>✅ Saves development time</li> <li>✅ Clean project structure</li> <li>✅ Open Source</li> <li>✅ Easy to customize</li> </ul> <p>Getting Started</p> <p>Open your project directory and run:</p> <p>npm create zenpanel@latest</p> <p>Follow the prompts, and you're ready to start building.</p> <p>Open Source</p> <p>ZenPanel is completely open source, and I'd love to hear your feedback.</p> <p>Whether you find a bug, have a feature request, or want to contribute, every contribution is appreciated.</p> <p>⭐ GitHub Repository:</p> <p><a href="https://github.com/foisalislambd/zenpanel" rel="noopener noreferrer">https://github.com/foisalislambd/zenpanel</a></p> <p>If you find the project useful, consider giving it a star. It helps more developers discover the project and motivates me to keep improving it.</p> <p>Thanks for reading, and happy coding! 🚀</p> <h1> opensource #javascript #typescript #nextjs #vite #angular #webdevelopment #github #cli #developers </h1> nextjs vite webdev programming