Code Monkey home page Code Monkey logo

nx-ng-tw-starter-testa's Introduction

Nx Ng Starter

Nx + Angular + NestJS mono-repository starter with workflow automation.

Commitizen friendly

Workflows

Trigger Badge
ℹ️ Manual, Scheduled (weekly) codeql-analysis
ℹ️ Manual build-docker
ℹ️ PR merge event (destination: trunk) publish-packages
ℹ️ Manual test-e2e
ℹ️ PR merge event (destination: trunk) trunk
ℹ️ Scheduled (weekly) validate-codeowners
ℹ️ PR open event (destination: trunk) validate-pr

Requirements

In order to run own copy of the project one must fulfill the following requirements.

Supported operating systems

  • 🏆 Debian based Linux - recommended
    • check out this dev setup instructions to facilitate setting up the dev environment;
    • given that the dev environment is set up, the command yarn install:all:linux should install everything needed to work with the project;
  • 🆗 OSX - should work due to the similarities with Linux
    • one will have to figure out oneself how to set up the dev environment;
    • given that the dev environment is set up, the command yarn install:all:osx should install everything needed to work with the project;
    • the automation scripts support the OS with relatively high probability, but it has not been tested;
  • 🤷 Windows - should work, but no guarantees
    • one will have to figure out oneself how to set up the dev environment;
    • one will have to figure out oneself how to install protolint, see available installation options;
    • given that the dev environment is set up, the following commands should be used to install shellcheck via PowerShell;
      iwr -useb get.scoop.sh | iex
      scoop install shellcheck
    • recommended shell: Git for Windows > Git BASH.

Core dependencies

Preferred package manager

  • Yarn - preferred package manager for dependencies installation in the project root.
  • npm - preferred package manager for dependencies installation in the functions folder.

Package scripts reference

The project has lots of package scripts, check it in the package.json located in the project root, or use the following command (see terminal output for usage tips)

yarn workspace:help

Committing changes to repo

Using commitizen cli is mandatory.

Provided all dependencies are installed, and commitizen cli is installed as a global dependency, this command must be used.

git cz

GitBook documentation

The GitBook documentation is generated based on this GitHub repo.

Firebase deployments

Application deployments and autogenerated engineering documentation.

Workspace generators

Generate a library

feature library

npx nx workspace-schematic client-feature client-<feature-name> --tags=scope:client-<feature-name>,type:feature

ui library

npx nx workspace-schematic client-ui client-ui-<feature-name> --tags=scope:client-ui-<feature-name>,type:ui

data-access library

npx nx workspace-schematic client-store client-store-<feature-name> --tags=scope:client-store-<feature-name>,type:data-access

util library

npx nx workspace-schematic client-util client-util-<feature-name> --tags=scope:client-util-<feature-name>,type:util

General Tooling

This project was generated using Nx.

🔎 Nx is a set of Angular CLI power-ups for modern development.

Quick Start & Documentation

Adding capabilities to the workspace

Nx supports many plugins which add capabilities for developing different types of applications and different tools.

These capabilities include generating applications, libraries, .etc as well as the devtools to test, and build projects as well.

Below are some plugins which can be added to the workspace:

Application type Command Part of the workspace
Angular ng add @nrwl/angular ✔️
React ng add @nrwl/react
Web (no framework frontends) ng add @nrwl/web ✔️
Nest ng add @nrwl/nest ✔️
Express ng add @nrwl/express
Node ng add @nrwl/node ✔️
Storybook ng add @nrwl/storybook ✔️
Cypress ng add @nrwl/cypress ✔️

Generating an application

To generate an application run:

npx nx g @nrwl/angular:app my-app

You can use any of the plugins above to generate applications as well.

When using Nx, you can create multiple applications and libraries in the same workspace.

Generating a library

To generate a library run:

npx nx g @nrwl/angular:lib my-lib

You can also use any of the plugins above to generate libraries as well.

Libraries are sharable across libraries and applications.

It can be imported from @nx-ng-starter/mylib.

Running a development server

To start a dev server run:

npx nx serve my-app

Navigate to http://localhost:4200/.

The app will automatically reload if you change any of the source files.

Code scaffolding

To generate a new component run:

npx nx g @nrwl/angular:component my-component --project=my-app

Building applications

To build the project run:

npx nx build my-app

The build artifacts will be stored in the dist/ directory.

Use the --prod flag for a production build.

Unit testing with Jest

To execute the unit tests run:

npx nx test my-app

To execute the unit tests affected by a change run:

npx nx affected:test

End-to-end testing with Cypress

To execute the end-to-end tests run:

npx nx e2e my-app

To execute the end-to-end tests affected by a change run:

npx nx affected:e2e

Understanding the workspace

To see a diagram of the dependencies of the projects run:

npx nx dep-graph

Generating a storybook for a feature or ui library

npx nx g @nrwl/angular:storybook-configuration project-name

Tools help

npx nx run tools:help

Further help

Visit the Nx Documentation to learn more.

Technologies Reference

Workspace

Client

Server

Testing

Documentation

CI

Development methodology

nx-ng-tw-starter-testa's People

Contributors

relliv avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.