Skip to content

Simple beginner-friendly web app project using NX, Docker, NestJS and React

License

Notifications You must be signed in to change notification settings

Sabo2k/webapp-example

Repository files navigation

Tech Stack

General

  • NX
  • Eslint
  • Jest
  • pnpm
  • Docker

Backend

  • Nest JS
  • TypeORM
  • PostgreSQL

Frontend

  • React
  • React Router Dom
  • Chakra UI
  • Tanstack Query

Running tasks

To execute tasks with Nx use the following syntax:

nx <target> <project> <...options>

You can also run multiple targets:

nx run-many -t <target1> <target2>

..or add -p to filter specific projects

nx run-many -t <target1> <target2> -p <proj1> <proj2>

Targets can be defined in the package.json or projects.json. Learn more in the docs.

Static Code Analysis

Lint Backend

nx run backend:lint

Lint Frontend

nx run frontend:lint

Test

Test Backend

nx run frontend:test

Test Frontend

nx run frontend:test

Build

The build artifacts are storedin the output directory (e.g. dist/ or build/), ready to be deployed.

Build Backend

To build the backend application, run

nx run backend:build

Build Frontend

To build the frontend application, run

nx run frontend:build

Run

Start Backend application

nx run backend:serve

Start Frontend application

nx run frontend:serve

Project graph

To view the graph of the workspace, run

nx graph