Mastering NX Angular Monorepo: Simplify Development and Boost Productivity

In this video, we'll explore NX Angular Monorepo and its advantages over traditional monolithic architectures. You'll learn how to create an NX Monorepo with multiple projects and effectively share libraries between them. Simplify your development process and boost productivity by watching this tutorial now!
TIMESTAMPS
0:00 Introduction
3:01 Creating NX Angular monorepo project
5:25 Creating NX React project
7:56 Sharing libraries in NX
► CHECK MY COURSES - monsterlessons-academy.com/co...
MOST POPULAR COURSES
► Building real project with Angular + NgRx - monsterlessons-academy.com/co...
► Building real NestJS API - monsterlessons-academy.com/co...
► Javascript interview questions - monsterlessons-academy.com/co...
► Building real fullstack project - monsterlessons-academy.com/co...
► Mastering Git - monsterlessons-academy.com/co...
► Mastering Docker and Docker Compose - monsterlessons-academy.com/co...
► Building real project with React Hooks - monsterlessons-academy.com/co...
► Building real project with Vue + Vuex - monsterlessons-academy.com/co...
FOLLOW ME
► TWITTER - / monster_lessons
► INSTAGRAM - / monsterlessonsacademy
► TIKTOK - / monsterlessonsacademy

Пікірлер: 42

  • @po6577
    @po65774 күн бұрын

    Thank man… I am a Devops this is my first time facing monorepo and stress me out. This really helps!

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    3 күн бұрын

    Glad it helped!

  • @MrGamer-zr1im
    @MrGamer-zr1im Жыл бұрын

    I was waiting for this topic from you. Thank you so much!! Please make more detailed video on monorepo.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    Glad you like it!

  • @nspo1983
    @nspo1983 Жыл бұрын

    Great intro to Nx! I love using the Nx monorepo (finally updated to ng16) and would love to see a deeper dive into making something like a shared angualr component library with services - something like a common modal provider.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    Thank you!

  • @dharmasheelana7973
    @dharmasheelana7973 Жыл бұрын

    Awesome explanation man :) Thank you so much... Keep going :)

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    Thanks, will do!

  • @BUCKTHEWORD14
    @BUCKTHEWORD14 Жыл бұрын

    Great video, thanks for uploading. A good udemy course for you to do would be to use NX to create UI of app (Angular), Admin UI of app (React), and backend of app (NestJS) and then libraries to share between them. It would be a mega course but I think this is a really good way to make a full stack application.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    Thank you for the idea but I'm not so sure. I already have a MEAN stack course as some people asked for it but it is not that popular compared to my other courses. monsterlessons-academy.com/courses/build-fullstack-trello-clone-websocket-socket-io

  • @respostasimples
    @respostasimples Жыл бұрын

    thanks!

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    You are welcome!

  • @user-kc8nd3uc8o
    @user-kc8nd3uc8o4 ай бұрын

    Thanks Bro!

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    4 ай бұрын

    No problem!

  • @PauloSantos-yu1tn
    @PauloSantos-yu1tn Жыл бұрын

    Cool, angular already has a workspace that works similar, but only with angular projects, this is more versatile.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    Yep and much more configurable and complex

  • @nazar9796
    @nazar9796 Жыл бұрын

    thanks for this video, can you make also video about Module Federation ?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    Thank you. I will add it to the list of ideas for the videos.

  • @lindermannla
    @lindermannla Жыл бұрын

    Monster contents! 😀

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    Thank you!

  • @fieryscorpion
    @fieryscorpion7 ай бұрын

    Great video. I have a question: So I have my backend using .NET 8 Minimal APIs and frontend using Angular 17. Does it make sense to use Nx in this case? Can Nx "see" non-JS project like .NET? If yes, how would I fit my setup in Nx? Thanks in advance!

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    7 ай бұрын

    No it can't. If you don't see how Nx fits in your setup then don't use it. It's not a tool for be/fe organization but a monorepo for client apps.

  • @deveshwarjaiswal9095
    @deveshwarjaiswal9095 Жыл бұрын

    can you make a video on multiproject ionic angular nx project setup including capacitor with best architecture and foldre structure for libs

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    I will add it to the ideas list

  • @pawan29121991
    @pawan291219918 ай бұрын

    Can you cover the publishing part too in nx integrated ?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    8 ай бұрын

    I will add it to the list of ideas

  • @kakun7238
    @kakun7238 Жыл бұрын

    could you create tutorial for neovim I cant seem to understand the docs for the plugins

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    Actually I just recorded a video about vim and my configs. It will be published on 20th of june

  • @user-jg2kz8vv6o

    @user-jg2kz8vv6o

    Жыл бұрын

    @@MonsterlessonsAcademy could you please display in vide bottom line the keyboard shortcuts you are using

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    @@user-jg2kz8vv6o Unfortunately I didn't do that -_- . Will probably record one more video with keybinds

  • @user-jg2kz8vv6o

    @user-jg2kz8vv6o

    Жыл бұрын

    @@MonsterlessonsAcademy ok. I see. sense became addicted to your courses, could you constantly add keybindings to your future courses?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    @@user-jg2kz8vv6o No, because it is distracting and useless for other people.

  • @modgenesis3868
    @modgenesis386810 ай бұрын

    What editor are you using?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    10 ай бұрын

    It's Vim. Here are videos about it kzread.info/dash/bejne/nGqp07GvhLXXZqw.html kzread.info/dash/bejne/i6aAy9egdMuppc4.html kzread.info/dash/bejne/ipVow7GIcpq-itI.html

  • @user-jg2kz8vv6o
    @user-jg2kz8vv6o Жыл бұрын

    when you will show how to install and use Vim?

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    Жыл бұрын

    It is in the list of future videos but I also have other topic to record.

  • @manojmohapatra986
    @manojmohapatra9868 ай бұрын

    What about deployments ???

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    8 ай бұрын

    Just build your code and deploy it.

  • @manojmohapatra986

    @manojmohapatra986

    8 ай бұрын

    @@MonsterlessonsAcademy i understand. But in microfrontend we are using seprate ports . So if you can build a real life project with angular and react with nx and do a deployment using any platform it will be a great help. As there is no content in details.

  • @jamesalphonse1099
    @jamesalphonse10999 ай бұрын

    everything in the workspace creation part in the latest version of this command is totally different in the setup options than what you show here. its not your fault, but it makes it really confusing.

  • @MonsterlessonsAcademy

    @MonsterlessonsAcademy

    9 ай бұрын

    Well yes, videos are getting out of date with time

  • @jamesalphonse1099

    @jamesalphonse1099

    9 ай бұрын

    ​@@MonsterlessonsAcademy yeah i know, again its not like im angry or whatever just saying its confusing. kinda wish things wouldn't change quite so fast with technology sometimes, but that's obviously an unrealistic ask.