In this brief tutorial, I will present how you can add a multifunctional Django inspired admin panel to your NestJS application. You can use this knowledge to build an effective tool for managing different sorts of data in 10 minutes.

Introduction

NestJS is a progressive Node.js framework that allows us to build efficient, reliable, and scalable server-side applications. When we create such an application usually we need a ready-to-use user interface for administrative activities that allows us to manage entities.

Being working as a ruby-on-rails developer for a long time I used Active Admin plugin for generating administration style interfaces. It abstracts common business application patterns to make it simple for developers to implement beautiful and elegant interfaces with very little effort. This was something I was looking for to use in my NestJS application.

I strongly believe that nestjs-admin will become such a solution in the nearest future but for now, in my humble opinion, it’s not ready for effective commercial use. So after some research, I’ve discovered  AdminBro — an auto-generated Admin Panel for Node.js applications which seems to satisfy all my needs. However, from the box, AdminBro provides his plugins only for Express and Hapi frameworks. As long as NestJS is built on top of express.js it should not be too complicated to integrate it.

So in this brief tutorial, I will present how you can add the AdminBro backoffice to your NestJS application. You can use this knowledge to build an effective tool for managing different sort of data in 10 minutes.

#nestjs #adminbro #admin-panel