/ng-nx-enterprise-monorepo

🦄 Beautiful Boilerplate Template for Nx Monorepo for your next enterprise and scalable Angular Projects and the Core Libraries.

Primary LanguageTypeScript

Nx Angular Monorepo boilerplate template seed for your next Enterprise System Project

✨ This workspace has been generated by Nx, Smart Monorepos · Fast CI. ✨

Introduction

Since this template has been created and the main goal is to simplify the steps for anyone who wants to customize the way of development itself.

Each lesson is represented in a separate branch so you would have the chance to know the changes that have been made accordingly.

  • 01-lesson-auth-module
  • 02-lesson-setup-ngrx
  • 03-lesson-setup-i18n
  • 04-lesson-setup-ui
  • 05-lesson-chores-and-build-tools

Features

A complete Blog feature:

  • 🎈 Syntax Highlighting
  • 🤖 SEO friendly
  • ⚙️ RSS feed
  • 📖 Pagination
  • 🌈 Include a dark blog theme
  • ⬇️ Markdown
  • 📦 Image lazy loading
  • 💎 Responsive design

Developer experience first:

  • 🔥 Nx & Angular
  • 🎨 Tailwind CSS with aspect ratio and typography plugin
  • 🎉 TypeScript
  • ✏️ ESLint
  • 🛠 Prettier
  • 🦊 Husky
  • 🚫 lint-staged
  • 🚨 Commitlint & commitizen

ESLint with:

  • Airbnb styled guide
  • TypeScript compatible
  • Automatically remove unused imports
  • Import sorting
  • Tailwind CSS plugin

Philosophy

  • Minimal code
  • SEO-friendly
  • 🚀 Production-ready

Requirements

  • Node.js and npm

Start the application

Run npx nx serve admin-portal to start the development server. Happy coding!

Build for production

Run npx nx build admin-portal to build the application. The build artifacts are stored in the output directory (e.g. dist/ or build/), ready to be deployed.

Running tasks

To execute tasks with Nx use the following syntax:

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

You can also run multiple targets:

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

..or add -p to filter specific projects

npx 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.

Explore the project graph

Run npx nx graph to show the graph of the workspace. It will show tasks that you can run with Nx.

Connect with me!