gaetanBloch / nx-ponyracer

Nx Monorepo to handle Angular Ninja Ponyracer project

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

AngularMonorepo

This workspace has been generated by Nx, a Smart, fast and extensible build system.

code style: prettier Commitizen friendly

npx create-nx-workspace@latest geode --preset=angular-monorepo
nx g @nx/angular:library ui --publishable --buildable --import-path=@geode/components
npx husky-init && npm install
npm install --save-dev @commitlint/config-conventional @commitlint/cli
npm install --save-dev prettier@latest prettier-plugin-packagejson  prettier-plugin-tailwindcss rimraf
npm install --save-dev prettier-eslint
npx git-precommit-checks
npm install -D @commitlint/cz-commitlint @commitlint/prompt-cli commitizen @commitlint/config-conventional
npm install commitizen -g
commitizen init cz-conventional-changelog --save-dev --save-exact
npm i -D validate-branch-name \
  && npx husky add .husky/pre-push "npx --no-install validate-branch-name"

nx g @nx/angular:setup-tailwind ui
nx g @nx/angular:setup-tailwind ponyracer
npm i -D @tailwindcss/typography
npm i -D @tailwindcss/forms


npm i -D @angular/cdk
npm i -D @spartan-ng/cli
npm i @spartan-ng/ui-core
npx nx g @spartan-ng/cli:ui-theme
npx nx g @spartan-ng/cli:ui button
npx nx g @spartan-ng/cli:ui label
npx nx g @spartan-ng/cli:ui input
npx nx g @spartan-ng/cli:ui

npm i ngx-valdemort
npm i vest

npm i flowbite
npm i lodash
npm i -D @types/lodash

Start the app

To start the development server run nx serve ponyracer. Open your browser and navigate to http://localhost:4200/. Happy coding!

Generate code

If you happen to use Nx plugins, you can leverage code generators that might come with it.

Run nx list to get a list of available plugins and whether they have generators. Then run nx list <plugin-name> to see what generators are available.

Learn more about Nx generators on the docs.

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.

Want better Editor Integration?

Have a look at the Nx Console extensions. It provides autocomplete support, a UI for exploring and running tasks & generators, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.

Ready to deploy?

Just run nx build demoapp to build the application. The build artifacts will be stored in the dist/ directory, ready to be deployed.

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.

Connect with us!

About

Nx Monorepo to handle Angular Ninja Ponyracer project


Languages

Language:TypeScript 84.5%Language:HTML 9.3%Language:SCSS 5.0%Language:JavaScript 1.0%Language:Shell 0.1%