Nest: [Feature/Doc] NestJS Admin UI

Created on 11 Feb 2019  路  9Comments  路  Source: nestjs/nest

I'm submitting a...


[ ] Regression 
[ ] Bug report
[x] Feature request
[x] Documentation issue or request
[ ] Support request => Please do not submit support request here, instead post your question on Stack Overflow.

Current behavior

NestJS appears to be the closest thing in Node.js to the PHP based API Platform. One of the key things NestJS appears to be missing though is an admin UI.

API Platform provides this using an integration for the react-admin library.

Expected behavior

It would be best if there was an official recipe for adding an admin UI to NestJS. It's probably best if this admin UI was done with the react-admin library since it's in the same JS ecosystem as NestJS, appears to be flexible and pluggable supporting various data provider backends, and appears to be fairly well known.

This is either a feature request or a documentation request.

  • If one of the generic data providers is enough to get 100% integration with NestJS, then the documentation should be updated with a recipe for setting up react-admin with NestJS.
  • If generic providers are not enough a custom provider should be made for NestJS, like the one that API Platform provides to integrate it with react-admin.

Most helpful comment

For reference: that's exactly what we're doing with nestjs-admin https://github.com/williamdclt/nestjs-admin, basically a nice CRUD on top of TypeORM :) We went down the templating route as we didn't want to be opinionated (React VS Angular)

All 9 comments

While I agree. Why should it use react-admin when Nestjs is based on the same principles as Angular? Why not something like ngx-admin?

While I agree. Why should it use react-admin when Nestjs is based on the same principles as Angular? Why not something like ngx-admin?

Feel free to toss out suggestions if you know of anything suitable and popular/well maintained. I mentioned react-admin because it's the only one I've actually seen used elsewhere, another platform is already using it for integration, and it has a data provider based setup that NestJS may actually be able to integrate with.

ngx-admin doesn't seem usable in this case though. ngx-admin appears to be a template, not a framework/library. i.e. it appears you fork the template in git and manually develop your own admin GUI. There is no documentation suggesting any form of data provider. Any ngx-admin GUI would be completely application specific. And I presume the customization to integrate it would make any upgrades difficult since they'd be based on git merges of the entire template instead of updating the version of library used.

I'm confused on what you're even asking for?

Nest isn't a publishing or authoring platform, what exactly would an admin UI even do, in a generic sense?

Yeah, @dantman what do you expect with admin ui where you can create a lot different projects without even hit to the clear net? Like I do follow the mvc concept as fe Symfony 1.x had with admin-ui doctrine module, but this isn't part of it. If you would like to achieve this kind of feature, from my perspective you should take a clooser look at the one of the ORM fe TypeORM, and build on top of it a generic module for CRUD operations.

Topic should be closed.

In my opinion such a feature should not be maintained by the nestjs org because it is quite opinionated. But there are a lot of other nestjs opiniated organizations, such as nestjs-community or nestjsx which could start such a project, if it fits their vision.
cc @bashleigh @zMotivat0r

I would love to see a real-world example, CRUD UI admin panel that makes use of Nest. However, such a feature should be rather a separate project instead of another one maintained by the organization itself.

For reference: that's exactly what we're doing with nestjs-admin https://github.com/williamdclt/nestjs-admin, basically a nice CRUD on top of TypeORM :) We went down the templating route as we didn't want to be opinionated (React VS Angular)

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

cojack picture cojack  路  3Comments

mishelashala picture mishelashala  路  3Comments

VRspace4 picture VRspace4  路  3Comments

hackboy picture hackboy  路  3Comments

breitsmiley picture breitsmiley  路  3Comments