nx-monorepo

Guide Nx monorepo commands and module boundaries in Nuclia frontend.

56|18|Updated Apr 26, 2022

Search Tags:#typescript #frontend #react #angular #monorepo #build tools #nx

Ready to run

npx skills add https://github.com/nuclia/frontend --skill nx-monorepo-nuclia

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: nx-monorepo
Source: https://github.com/nuclia/frontend/tree/main/.claude/skills/nx-monorepo
Command: npx skills add https://github.com/nuclia/frontend --skill nx-monorepo-nuclia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you navigate and leverage the Nx monorepo setup within the Nuclia frontend workspace, ensuring efficient development and adherence to established patterns.

Core Features & Use Cases

Nx Command Usage: Understand and execute Nx commands for building, testing, serving, and linting projects.
Project Structure & Generators: Learn how to add new apps and libraries using Nx generators and maintain correct configurations.
Module Boundaries & Dependencies: Grasp the rules and enforcement of module boundaries and project dependencies.
Use Case: When you need to add a new Angular component to the common library, this skill guides you on the exact nx g command to use and how to ensure it's correctly exported.

Quick Start

Use the nx-monorepo skill to build the sdk-core library.

Frequently Asked Questions about nx-monorepo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I add a new Angular component to an existing Nx monorepo library?▼

To add a new Angular component to an existing Nx monorepo library, use the appropriate `nx g` generator command and ensure the component is correctly exported from the library's barrel file.

How do I enforce module boundaries and project dependencies in an Nx workspace?▼

Enforce module boundaries and project dependencies in an Nx workspace by configuring lint rules that prevent unauthorized imports between apps and libraries, maintaining strict architectural separation.

What is the best way to run builds, tests, and lints for affected Nx projects?▼

The best way to run builds, tests, and lints for affected Nx projects is by using the `affected` commands, which automatically detect changed code and execute tasks only on the impacted workspace projects.

How do I configure project.json targets and cache settings in an Nx monorepo?▼

Configure project.json targets and cache settings in an Nx monorepo by defining task runners and cacheable operations in the configuration files, enabling faster builds by reusing cached outputs.

Can I visualize the project graph to understand dependencies in an Nx workspace?▼

Yes, you can visualize the project graph to understand dependencies in an Nx workspace by running the Nx graph command, which renders an interactive map of all apps and library connections.

Does the nx-monorepo skill support both React and Angular frontend projects?▼

Yes, the nx-monorepo skill supports both React and Angular frontend projects, providing specific generator usage guidance for adding libraries and components across the Nuclia workspace.