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)