@@mbaljeetsingh sir i'm completely setup angular universal in my angular 8 project. But when i'm uploading the build on the server then not get the source code of the page for seo. how i can done it...thnaks for ur video...
sir i'm completely setup angular universal in my project. But when i'm uploading the build on the server then not get the source code of the page. Only get the source code on serve the app.
is there any way to dynamic update the routes in angular 8, every time need to change the content in view page source...i really needed for my project.
Besides prerendering for static routes what you are looking for in the case of dynamic content routes is The State Transfer API that working with Angular Universal does the trick at the level of provider + service + REST API to get the data the component needs before accessing the route. Check this out blog.angular-university.io/angular-universal/ But still if you get to make it work I could help with a small demo but you have to let me know so I can make a copy and cleanup the project from stuff you will not need. Best wishes.
hi, i have an error Unable to extract routes from application. when i navigate to home or cart it doesn't navigate and saying not found and the navigation working on port 4200
Very very cool. Why are there comments asking to solve problems unrelated to the video? Just search YT for a channel related to your problem.. it'll be faster.
Thanks, Bro for the wonderful video. Bro I need to ask few ones I render my angular site with SSR But I am a bit confused about how I can upload this on Shared Hosting Because when I upload the Dist browser it's prerendered files, not the dynamic one and I can't have static links to generate prerender . Will you help me with that case
I need your help, when I type the same command I keep repeating error which says Skipped installation: package already installed Cannot read property 'kind' of undefined. With angular 8. Please help me solve this.
@@mbaljeetsingh thanks bro, I at last I have figured out the issue after reading lots of documentations. And it was because instead of using ng add, it worked when I used ng generate universal --client-project=project Even in documentation, it was written otherwise. Anyways, I found your videos very useful. Can we connect somewhere in any social media?
I'm getting issue while running "ng run ng-next: prerenderer" Gives error in server.ts file that "Type 'Express' is not assignable to type 'void'" also "Property 'listen' does not exist on type 'void'." can you please help me out?
nice teaching , thank you very much,and i have doubt what is the meaning of " It hasn't been reviewed for security issues. DON'T USE IT FOR PRODUCTION!" waiting for replay , thank you
Just one thing to mention. After three years of using Angular I can say that this framework is BAD. They are constantly upgrading versions and break things. For example, in version 9 you can't use ngx-facebook, because it uses Renderer and not Renderer2.... Also, this SSR Universal thing only works with 9.0.0-rc.2/7 versions, try with any other and you will get bunch of unfixable problems.
My friend, I am not a blind defender of the framework but I had exactly that feeling when my project had Angular 2 and the official version went to 5 with the breaking change of NgRx 5 and RxJs 5 and the particularities of Angular 5 itself. I had a really long fight with this in a separate branch and I wanted to say nothing to my colleagues until suddenly everything was working in version 5 but guess that I learned two things: 1.- They announce with plenty of time what you should start using instead of what because they will deprecate it and the only reason I was in shock is that I was not paying attention to the Angular API changes, what new things are encouraged/enforce and why and which ones will be deprecated, that is on us bro. 2.- Reading the version upgrade guides from all dependencies like RxJs and NgRx made me think that every package owner should be up to date with code, enforcements and deprecations. I had to stop using 8 packages because they were enclosed to the use of a low version of Typescript and after updating Typescript they stopped compiling/working and my teammates were really used to those packages so I had to present not only the challenges of the whole update process but also I had to find replacements for those packages and deal with one or two angry teammates. Recommendation. Updating and taking actions to migrate the code before it gets too old will make you change your mind. Packages change, Typescript change, Angular and other partners also change. I have seen the same problems for react projects that are not touched for two years because there was apparently no need to tap into the code but a sudden feature request brought their whole world upside down, so is it the framework what is wrong? No, it’s not, it’s us that don't do or like to do the upgrade thing. Well that was a long answer, pardon me pal. By the way, use the Angular migration guide, it helps a lot. Most of the schematics migrate and/or auto-fix the code.
Oh wow, Angular is disgusting. Poor static analysis, a full DOM implementation required to do server-side rendering and RxJS just to get a route param? Wow.
Straight, precise, concise and clear enough to teach well others. Nice work Sr.
Thanks a lot bro...You saved me
I really appreciate this video. Keep up the good work! 💯👌
Good one bhaaji 😊 subd.
Very useful video. Thank you
very useful tutorial
Thanks man, great video! What is the VS Code Theme used in the video?
You're welcome. It is One dark pro
@@mbaljeetsingh sir i'm completely setup angular universal in my angular 8 project. But when i'm uploading the build on the server then not get the source code of the page for seo. how i can done it...thnaks for ur video...
Is it compatible with firebase host?
Yes it is. They even have a schematic to publish the universal app.
@@mbaljeetsingh why this warning ? "It hasn't been reviewed for security issues.
DON'T USE IT FOR PRODUCTION!".
what if my route parameter is coming/generating dynamically? how to prerender those paths?
Thanks man, appreciate!
Sir your teching excellent please share angular full course...
What is the font that you are using on the code editor?
sir i'm completely setup angular universal in my project. But when i'm uploading the build on the server then not get the source code of the page. Only get the source code on serve the app.
We can't possible know all the dynamic routes... Is this the only capability of angular universal because if it is then it's kinda useless
Any solution to include the dynamic Meta Tags in prerender pages
Nice video, one quick question: can we prerender only one static route like just “home” route ignoring guess parser.
Can you please explain how can we use global variables (localStorage, window etc) in ssr?
create a service file and access from the service for dom methods
is there any way to dynamic update the routes in angular 8, every time need to change the content in view page source...i really needed for my project.
Besides prerendering for static routes what you are looking for in the case of dynamic content routes is The State Transfer API that working with Angular Universal does the trick at the level of provider + service + REST API to get the data the component needs before accessing the route. Check this out blog.angular-university.io/angular-universal/ But still if you get to make it work I could help with a small demo but you have to let me know so I can make a copy and cleanup the project from stuff you will not need. Best wishes.
How to use process.env here ?
that's very useful but one thing how we can make build for production with angular universal please explain...
hi, i have an error Unable to extract routes from application.
when i navigate to home or cart it doesn't navigate and saying not found and the navigation working on port 4200
Very very cool. Why are there comments asking to solve problems unrelated to the video? Just search YT for a channel related to your problem.. it'll be faster.
how can one deploy it to firebase cloud function
Thanks, Bro for the wonderful video. Bro I need to ask few ones I render my angular site with SSR But I am a bit confused about how I can upload this on Shared Hosting Because when I upload the Dist browser it's prerendered files, not the dynamic one and I can't have static links to generate prerender . Will you help me with that case
I need your help, when I type the same command I keep repeating error which says
Skipped installation: package already installed
Cannot read property 'kind' of undefined.
With angular 8.
Please help me solve this.
Subhrangshu Adhikary It only works with Angular 9+
@@mbaljeetsingh thanks bro,
I at last I have figured out the issue after reading lots of documentations.
And it was because instead of using ng add, it worked when I used ng generate universal --client-project=project
Even in documentation, it was written otherwise.
Anyways, I found your videos very useful. Can we connect somewhere in any social media?
@@subhrangshuadhikary6115 You can find all the links to my social media on my website (baljeetsingh.in)
I'm getting issue while running "ng run ng-next: prerenderer"
Gives error in server.ts file that "Type 'Express' is not assignable to type 'void'"
also "Property 'listen' does not exist on type 'void'."
can you please help me out?
Plz make a vedio on CI/CD of ionic and connected with play store.....
nice teaching , thank you very much,and i have doubt what is the meaning of " It hasn't been reviewed for security issues.
DON'T USE IT FOR PRODUCTION!" waiting for replay , thank you
I'm getting "Unable to extract routes from application". and I'm using lazy loading for my routes. can someone help me please?
please anyone successfully prerendered app with angularfire and firebase. i have been getting series of errors
seconded
dear sir very good vedio please help me with firebase data base and seo setting robot.txt and sitemap
seconded
After run "ng run project-nama:prerender"
I have two folder in dist..
First one is "project-name" and another "project-name-server"
So can i run "npm install -g http-server" in the project-name's terminal..??
Plz reply as soon as possible..
And have a one more doubt..
Why i not get browser and server folder as you get in the video...??
Yes, this will only install the http-server package globally
You are prerendering. SSR is different
Actually this video is mostly ssr
I'm sorry, these are not dynamic routes... These are pre-configured routes. It's useless.
Just one thing to mention. After three years of using Angular I can say that this framework is BAD. They are constantly upgrading versions and break things. For example, in version 9 you can't use ngx-facebook, because it uses Renderer and not Renderer2.... Also, this SSR Universal thing only works with 9.0.0-rc.2/7 versions, try with any other and you will get bunch of unfixable problems.
My friend, I am not a blind defender of the framework but I had exactly that feeling when my project had Angular 2 and the official version went to 5 with the breaking change of NgRx 5 and RxJs 5 and the particularities of Angular 5 itself. I had a really long fight with this in a separate branch and I wanted to say nothing to my colleagues until suddenly everything was working in version 5 but guess that I learned two things:
1.- They announce with plenty of time what you should start using instead of what because they will deprecate it and the only reason I was in shock is that I was not paying attention to the Angular API changes, what new things are encouraged/enforce and why and which ones will be deprecated, that is on us bro.
2.- Reading the version upgrade guides from all dependencies like RxJs and NgRx made me think that every package owner should be up to date with code, enforcements and deprecations.
I had to stop using 8 packages because they were enclosed to the use of a low version of Typescript and after updating Typescript they stopped compiling/working and my teammates were really used to those packages so I had to present not only the challenges of the whole update process but also I had to find replacements for those packages and deal with one or two angry teammates.
Recommendation. Updating and taking actions to migrate the code before it gets too old will make you change your mind. Packages change, Typescript change, Angular and other partners also change. I have seen the same problems for react projects that are not touched for two years because there was apparently no need to tap into the code but a sudden feature request brought their whole world upside down, so is it the framework what is wrong? No, it’s not, it’s us that don't do or like to do the upgrade thing.
Well that was a long answer, pardon me pal.
By the way, use the Angular migration guide, it helps a lot. Most of the schematics migrate and/or auto-fix the code.
Oh wow, Angular is disgusting. Poor static analysis, a full DOM implementation required to do server-side rendering and RxJS just to get a route param? Wow.
this has to be a joke lol
ok laugh hard