https://github.com/atmosuwiryo/datatable
Example of datatable application using Nx, NestJS and Angular
https://github.com/atmosuwiryo/datatable
angular clarity-design nestjs nx nx-workspace prisma-orm
Last synced: 4 months ago
JSON representation
Example of datatable application using Nx, NestJS and Angular
- Host: GitHub
- URL: https://github.com/atmosuwiryo/datatable
- Owner: atmosuwiryo
- Created: 2024-07-27T12:19:20.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-31T08:15:14.000Z (10 months ago)
- Last Synced: 2025-02-24T15:55:09.437Z (4 months ago)
- Topics: angular, clarity-design, nestjs, nx, nx-workspace, prisma-orm
- Language: TypeScript
- Homepage: https://nx-datatable.waiki.dev
- Size: 296 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular-Nest Datatable
Example of datatable application using Angular and Nest under Nx Monorepo.
## Run on localhost
### 1. Run infra
```
cd datatable-workspace
docker compose up
```### 2. Run Backend
```
cd datatable-api
cp .env.example .env
npx prisma migrate reset
cd ..
npx nx serve datatable-api
```### 3. Run Frontend
```
npx nx serve datatable
```## Live demo
[Live demo](https://nx-datatable.waiki.dev)
***
✨ **This workspace has been generated by [Nx, Smart Monorepos · Fast CI.](https://nx.dev)** ✨
## Integrate with editors
Enhance your Nx experience by installing [Nx Console](https://nx.dev/nx-console) for your favorite editor. Nx Console
provides an interactive UI to view your projects, run tasks, generate code, and more! Available for VSCode, IntelliJ and
comes with a LSP for Vim users.## Nx plugins and code generators
Add Nx plugins to leverage their code generators and automated, inferred tasks.
```
# Add plugin
npx nx add @nx/react# Use code generator
npx nx generate @nx/react:app demo# Run development server
npx nx serve demo# View project details
npx nx show project demo --web
```Run `npx nx list` to get a list of available plugins and whether they have generators. Then run `npx nx list ` to see what generators are available.
Learn more about [code generators](https://nx.dev/features/generate-code) and [inferred tasks](https://nx.dev/concepts/inferred-tasks) in the docs.
## Running tasks
To execute tasks with Nx use the following syntax:
```
npx nx <...options>
```You can also run multiple targets:
```
npx nx run-many -t
```..or add `-p` to filter specific projects
```
npx nx run-many -t -p
```Targets can be defined in the `package.json` or `projects.json`. Learn more [in the docs](https://nx.dev/features/run-tasks).
## Set up CI!
Nx comes with local caching already built-in (check your `nx.json`). On CI you might want to go a step further.
- [Set up remote caching](https://nx.dev/features/share-your-cache)
- [Set up task distribution across multiple machines](https://nx.dev/nx-cloud/features/distribute-task-execution)
- [Learn more how to setup CI](https://nx.dev/recipes/ci)## Explore the project graph
Run `npx nx graph` to show the graph of the workspace.
It will show tasks that you can run with Nx.- [Learn more about Exploring the Project Graph](https://nx.dev/core-features/explore-graph)
## Connect with us!
- [Join the community](https://nx.dev/community)
- [Subscribe to the Nx Youtube Channel](https://www.youtube.com/@nxdevtools)
- [Follow us on Twitter](https://twitter.com/nxdevtools)