Adok egy tiszta, reprodukálható parancssor-szekvenciát Nx monorepóhoz Angular frontenddel és NestJS backenddel.

1) Nx workspace létrehozása

npx create-nx-workspace@latest my-workspace

2) Pluginok telepítése

npm install -D @nx/angular @nx/nest

3) Angular app létrehozása (frontend)

npx nx g @nx/angular:application apps/frontend

4) NestJS app létrehozása (backend)

npx nx g @nx/nest:application apps/backend

5) Felesleges könyvtárak törlése

npx nx g @nx/workspace:remove shop
npx nx g @nx/workspace:remove shop-e2e
npx nx g @nx/workspace:remove api
npx nx g @nx/workspace:remove backend-e2e
npx nx g @nx/workspace:remove frontend-e2e

---

Futtatás

package.json

"scripts": {
    "start:frontend": "nx serve frontend",
    "start:backend": "nx serve backend"
},

Frontend (Angular)

npm run start:frontend

npx nx serve frontend

Backend (NestJS)

npm run start:backend

npx nx serve backend

---

Hasznos extra

Összes project listázása

npx nx show projects

Build

npx nx build frontend
npx nx build backend

Generálás shorthand

Később rövidebben:

npx nx g app frontend --framework=angular
npx nx g app backend --framework=nest

---

Tipikus struktúra

apps/
  frontend/
  backend/
libs/

A libs/-et később shared logikára használod (pl. DTO-k, utilok → frontend + backend között megosztva).

---

Ha akarod, következő lépésben adok egy:

• Angular → NestJS API kommunikáció setupot
• shared DTO libet (libs/api-interfaces)
• production-ready env + proxy configot

Ez már a valódi enterprise setup kezdete.