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
Thank man… I am a Devops this is my first time facing monorepo and stress me out. This really helps!
@MonsterlessonsAcademy
3 күн бұрын
Glad it helped!
I was waiting for this topic from you. Thank you so much!! Please make more detailed video on monorepo.
@MonsterlessonsAcademy
Жыл бұрын
Glad you like it!
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
Жыл бұрын
Thank you!
Awesome explanation man :) Thank you so much... Keep going :)
@MonsterlessonsAcademy
Жыл бұрын
Thanks, will do!
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
Жыл бұрын
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
thanks!
@MonsterlessonsAcademy
Жыл бұрын
You are welcome!
Thanks Bro!
@MonsterlessonsAcademy
4 ай бұрын
No problem!
Cool, angular already has a workspace that works similar, but only with angular projects, this is more versatile.
@MonsterlessonsAcademy
Жыл бұрын
Yep and much more configurable and complex
thanks for this video, can you make also video about Module Federation ?
@MonsterlessonsAcademy
Жыл бұрын
Thank you. I will add it to the list of ideas for the videos.
Monster contents! 😀
@MonsterlessonsAcademy
Жыл бұрын
Thank you!
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
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.
can you make a video on multiproject ionic angular nx project setup including capacitor with best architecture and foldre structure for libs
@MonsterlessonsAcademy
Жыл бұрын
I will add it to the ideas list
Can you cover the publishing part too in nx integrated ?
@MonsterlessonsAcademy
8 ай бұрын
I will add it to the list of ideas
could you create tutorial for neovim I cant seem to understand the docs for the plugins
@MonsterlessonsAcademy
Жыл бұрын
Actually I just recorded a video about vim and my configs. It will be published on 20th of june
@user-jg2kz8vv6o
Жыл бұрын
@@MonsterlessonsAcademy could you please display in vide bottom line the keyboard shortcuts you are using
@MonsterlessonsAcademy
Жыл бұрын
@@user-jg2kz8vv6o Unfortunately I didn't do that -_- . Will probably record one more video with keybinds
@user-jg2kz8vv6o
Жыл бұрын
@@MonsterlessonsAcademy ok. I see. sense became addicted to your courses, could you constantly add keybindings to your future courses?
@MonsterlessonsAcademy
Жыл бұрын
@@user-jg2kz8vv6o No, because it is distracting and useless for other people.
What editor are you using?
@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
when you will show how to install and use Vim?
@MonsterlessonsAcademy
Жыл бұрын
It is in the list of future videos but I also have other topic to record.
What about deployments ???
@MonsterlessonsAcademy
8 ай бұрын
Just build your code and deploy it.
@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.
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
9 ай бұрын
Well yes, videos are getting out of date with time
@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.