Building a Node.js admin panel from scratch takes time. You need to handle authentication, CRUD (Create, Read, Update, Delete) operations, and build the frontend. Instead of doing this manually, Kottster generates an admin panel for your database in minutes. It supports PostgreSQL, MySQL, MariaDB, and SQLite, allowing you to manage and customize your data without extra setup.
With Kottster, you can instantly create pages to view and edit data in your database tables. Features like filters, full-text search, and sorting work out of the box. Kottster also detects relationships between tables automatically, so you can easily browse, link, and manage related records.
In this article, we’ll go through how to set up Kottster and generate admin panel on top of your database.
Before using Kottster, you should have:
node -vTo generate an admin panel, run the following command in your terminal:
npx @kottster/cli new
This will create a new folder and set up a Kottster project inside it. If you want to generate the project in the current folder, use: npx @kottster/cli new .
Once the command finishes, you’ll have a ready-to-use Kottster project. Next, we’ll configure the database connection.
Once the project is generated, navigate into the project folder (if you created a new one) and start the development server:
npm run dev
This will run your Kottster app. Open the provided URL in your browser, where you'll be prompted to create an account.
After signing in, create a new app—this will initialize your local project and prepare it for database configuration.
After setting up the project, you'll see the Getting Started page. Here, you need to connect your database.
Choose your database type and provide the necessary credentials. If you prefer, you can use an alternative connection method, depending on the database you're working with.
Once your database is connected, you can start generating pages to view and manage data in your tables.
Click "Add Page", then choose what you want to generate. In just a few seconds, Kottster will create everything for you.
There are two ways to customize pages in Kottster:
This no-code interface lets you customize tables, columns, fields, and features without writing any code or editing config files.
If you need more control, you can edit the page’s source code directly. Each page is stored in app/routes/<pageId>/index.jsx file — just open it and adjust the code as needed. You can learn more about available configuration in the documentation.
You can also create completely custom pages from scratch. Define your own components, fetch data, and build the page however you want.
Once your admin panel is ready, you can make it available to others by deploying it. Since Kottster is just a Node.js app, you have plenty of options for deployment, with many available resources to guide you.
You can deploy it to:
There’s no special setup required—just deploy it like any other Node.js app, and your admin panel will be live.
Kottster makes it easy to generate an admin panel on top of your database in minutes. You connect your database, generate pages, and customize them as needed—all without writing boilerplate code.
Whether you're managing an internal tool or building an admin dashboard for production, Kottster gives you full control while handling the repetitive setup. And since it’s just a Node.js app, deploying it is as simple as any other project.
Give it a try and see how quickly you can get your admin panel up and running.