Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/billyjov/awesome-nx

An awesome list that curates the best Nrwl Nx tools, tutorials, articles and more.
https://github.com/billyjov/awesome-nx

List: awesome-nx

angular awesome-list monorepo nx nx-workspace react webcomponents

Last synced: 20 days ago
JSON representation

An awesome list that curates the best Nrwl Nx tools, tutorials, articles and more.

Awesome Lists containing this project

README 

        


  

    StackOverflow

  

  

    Github Repositories

  

  

    Awesome

  

  




Nx is a set of extensible dev tools for monorepos, which helps you develop like Google, Facebook, and Microsoft.

If you appreciate the content 📖, support projects visibility, give 👍| ⭐| 👏



## Current Nx version



[![npm version](https://badge.fury.io/js/nx.svg)](https://www.npmjs.com/~nrwl)



## Contents



- [Articles](#articles)



  - [General](#general)

  - [Angular](#angular)

  - [Ionic](#ionic)

  - [Node](#node)

  - [React](#react)

  - [Spring Boot](#spring-boot)

  - [CI/CD & Deployment](#ci/cd-&-deployment)



- [Videos](#videos)

- [Courses](#courses)

- [Plugins](#plugins)

- [Open Source Apps](#open-source-apps)

- [Books](#books)

- [Experience report](#experience-report)

- [Community](#community)



## Articles



### General



- [Official Nrwl Nx Blog](https://blog.nrwl.io/)

- [DEV Community articles ](https://dev.to/nx)

- [The Shell Library patterns with Nx and Monorepo Architectures](https://indepth.dev/posts/1117/the-shell-library-patterns-with-nx-and-monorepo-architectures)

- [Deploying Nx monorepos to Netlify](https://www.netlify.com/blog/2020/04/21/deploying-nx-monorepos-to-netlify/)

- [Simplify the development life cycle with Nx, a monorepo tool](https://medium.com/lapis/adapting-monorepo-with-nx-ionic-nest-aws-serverless-gitlab-ci-a7d7a34f9070)

- [Migrating from Lerna to Nx: Better Dev Ergonomics + Much Faster Build Times](https://blog.nrwl.io/migrating-from-lerna-to-nx-better-dev-ergonomics-much-faster-build-times-da76ff14ccbb)

- [Share Components across Front Ends frameworks using Nx and Web Components](https://dev.to/crocsx/share-components-across-front-ends-frameworks-using-nx-and-web-components-40jf)

- [Getting started with Svelte, Tailwind, and Nrwl NX](https://dev.to/dsebastien/getting-started-with-svelte-tailwind-and-nrwl-nx-17fc)

- [Automating your package deployment in an Nx Monorepo with Changeset](https://dev.to/jmcdo29/automating-your-package-deployment-in-an-nx-monorepo-with-changeset-4em8)

- [Getting Started with Monorepo with Nx Nrwl](https://medium.com/rupesh-tiwari/getting-started-with-monorepo-with-nx-nrwl-bce4ad76a8e9)

- [Fixing Nrwl Nx Monorepo Workspace Dependency Graph Error](https://dev.to/rupeshtiwari/fixing-nrwl-nx-monorepo-workspace-dependency-graph-error-4eg0)

- [Set up Tailwind CSS with Angular in an Nx workspace](https://dev.to/nx/set-up-tailwind-css-with-angular-in-an-nx-workspace-1km4)

- [Scaling a Javascript Monorepo With Nx](https://semaphoreci.com/blog/javascript-monorepo-nx)



### Angular



- [Angular Universal server-side rendering (SSR) in Nrwl Nx](https://jareddesign.medium.com/angular-universal-server-side-rendering-ssr-in-nrwl-nx-fdb94d7953e)

- [Starting Angular Projects with Nx](https://offering.solutions/blog/articles/2021/01/27/starting-angular-projects-with-nx/)

- [The ultimate migration guide to angular-eslint, ESLint and Nx 11](https://dev.to/this-is-angular/the-ultimate-migration-guide-to-angular-eslint-eslint-and-nx-11-1eh2)

- [Code-sharing made easy in a full-stack app with Nx, Angular, and NestJS](https://indepth.dev/posts/1247/code-sharing-made-easy-in-a-full-stack-app-with-nx-angular-and-nestjs)

- [Using Module Federation with Monorepos and Angular](https://www.angulararchitects.io/aktuelles/using-module-federation-with-monorepos-and-angular/)

- [Creating an ng add Schematic for an Nx Plugin](https://dev.to/devinshoemaker/creating-an-ng-add-schematic-for-an-nx-plugin-309a)

- [Angular Libraries with Nx for Enterprise Apps](https://dev.to/thisdotmedia/angular-libraries-with-nx-for-enterprise-apps-395h)

- [Introduction to building an Angular app with Nx Workspace](https://www.thisdot.co/blog/introduction-to-building-an-angular-app-with-nx-workspace)

- [Working with Angular i18n inside NRWL NX workspace](https://blog.davidjs.com/2021/03/working-with-angular-i18n-inside-nrwl-nx-workspace/)



### Ionic



- [How to integrate Ionic in Nrwl/Nx](https://medium.com/@eric.jeker/how-to-integrate-ionic-in-nrwl-nx-3493fcb7e85e)



### Node



- [Building Node Apps with Nx Dev Tools](https://blog.nrwl.io/building-node-applications-with-nx-dev-tools-f41035f771ae)



### NestJS



- [Introduction to Building API's with NestJS and Nrwl Nx](https://dev.to/beeman/introduction-to-building-api-s-with-nestjs-and-nrwl-nx-1l2b)

- [Share Interfaces in Angular and NestJS with Nx](https://dev.to/prestonjlamb/share-interfaces-in-angular-and-nestjs-with-nx-1alj)



### React



- [How to Add react-intl to an Nx React App?](https://emilyxiong.medium.com/how-to-add-react-intl-to-an-nx-react-app-ab4c998af1c9)

- [Nx, React & Tailwind made Simple: New and Improved! (v2)](https://kuccello.medium.com/nx-react-tailwind-made-simple-new-and-improved-v2-d79f8b173622)

- [Developing Ionic React Apps in an Nx Workspace with @nxtend/ionic-react](https://dev.to/devinshoemaker/developing-ionic-react-apps-in-an-nx-workspace-with-nxtend-ionic-react-47a5)

- [High Quality React apps with Nx & Cypress](https://cypress.io/blog/2020/04/14/high-quality-react-apps-with-nx-cypress/)

- [Nx Brings High-Quality CLI Tooling to React](https://dev.to/devinshoemaker/nx-brings-high-quality-cli-tooling-to-react-1801)



### Spring Boot



- [Integrating a Spring Boot application inside a Nx workspace](https://www.linkedin.com/pulse/integrating-spring-boot-application-inside-nx-workspace-tine-kondo/)



### CI/CD & Deployment



**Azure CI**



- [Publishing Nx Monorepo Test Results in Azure CI Pipeline](https://medium.com/rupesh-tiwari/publishing-nx-monorepo-test-results-in-azure-ci-pipeline-4f73abd983d5)

- [Publishing Merged Code Coverage Report of Nx Workspace in Azure CI Pipeline](https://medium.com/rupesh-tiwari/publishing-merged-code-coverage-report-of-nx-workspace-in-azure-ci-pipeline-70b44dbff1d9)



**Github Actions**



- [Automatically Migrate on new NX Versions](https://github.com/marketplace/actions/nx-migration-action)

- [Using NX Distributed Execution In Github Actions CI](https://dev.to/elpddev/using-nx-distributed-execution-in-github-actions-ci-3b7f)

- [10x Faster CI with Nx and Github Actions](https://medium.com/emoteev-blog/10x-faster-ci-with-nx-and-github-actions-9a51fc4e82a6)

- [Running Nx Affected Commands in GitHub Actions](https://dev.to/devinshoemaker/running-nx-affected-commands-in-github-actions-56f6)



**Circle CI**



- [A Orb which includes helpful commands for running Nx commands in the CI](https://circleci.com/developer/orbs/orb/nrwl/nx)



## Videos



- [Official Nrwl Nx Youtube channel](https://www.youtube.com/channel/UCF8luR7ORJTCwSNA9yZksCw)

- [Architecture for Huge Angular Based Enterprise](https://www.youtube.com/watch?v=q4XmAy6_ucw)

- [Youtube playlist about Nx Workspaces](https://www.youtube.com/playlist?list=PLw5h0DiJ-9PALZ8Zf0-9lBTRn1Rq0siXF)



## Courses



- [Workshop: Enterprise Angular applications with NgRx and Nx (Free)](https://duncanhunter.gitbook.io/enterprise-angular-applications-with-ngrx-and-nx/)

- [Nx Workspaces (by Nrwl) - Introduction to Using an Nx Monorepo (Free)](https://nxplaybook.com/p/nx-workspaces)

- [Advanced Nx Workspaces (by Nrwl)](https://nxplaybook.com/p/advanced-nx-workspaces)

- [Play by Play: Building Enterprise Angular Apps with Nx on pluralsight](https://www.pluralsight.com/courses/play-by-play-building-enterprise-angular-apps-with-nx)

- [Getting started with Angular and Nrwl Nx](https://www.udemy.com/course/building-enterprise-angular-apps-with-nx/)

- [Scale React Development with Nx](https://egghead.io/playlists/scale-react-development-with-nx-4038)



## Plugins



- [Nx Community Plugins](https://nx.dev/community)

- [WallabyJS integration](https://wallabyjs.com/docs/integration/nrwl.html)



## Open Source Apps



- [Official examples repo for nx workspace](https://github.com/nrwl/nx-examples)

- [Exemplary real world application built with Angular 10+, NgRx 10+, nrwl/nx 10+](https://github.com/stefanoslig/angular-ngrx-nx-realworld-example-app)

- [Custom Nx workspace schematic to build a custom 'state' library.](https://gist.github.com/ThomasBurleson/30e45a6bc61f0d53fe07045d69b548e6)



## Books



- [Enterprise Monorepo Angular Patterns](https://go.nrwl.io/angular-enterprise-monorepo-patterns-new-book)

- [Effective React Development with Nx](https://connect.nrwl.io/app/books/effective-react-with-nx)



## Experience report



- [Scaling our Largest Angular Platform with Nx](https://medium.com/8451/scaling-our-largest-angular-platform-with-nx-8aa70ee3619f)



## Community



- [Nrwl Slack workspace](https://nrwlcommunity.slack.com/join/shared_invite/zt-ffstv0dy-wM2b~sYa_X7R8wXN02l2kA#/)

- [Nrwl Community Gitter](https://gitter.im/nrwl-nx/community)