Angular 4 SEO Tutorial (Universal + Angular CLI)

Home/Marketing Video Tutorials/SEO Video Tutorials/Angular 4 SEO Tutorial (Universal + Angular CLI)

Angular 4 SEO Tutorial (Universal + Angular CLI)

FavoriteLoadingAdd to favorites

Written tutorial here: https://goo.gl/UR9u8Y
https://coursetro.com for more Angular.

Github repo for this tutorial:
https://github.com/designcourse/angular-seo

Code credit:
https://medium.com/@evertonrobertoauler/angular-4-universal-app-with-angular-cli-db8b53bba07d

By | 2017-05-30T00:25:24+00:00 May 30th, 2017|SEO Video Tutorials|20 Comments

20 Comments

  1. Chao Geng May 30, 2017 at 12:25 am - Reply

    after I deploy this project firebase, all the description mess up on my firebase page, anybody know how to fix it ?

  2. Vrunda ONE May 30, 2017 at 12:29 am - Reply

    Can you make a quick video about how to make google signin possible in angular 4 (MEAN)

  3. Andy Santana May 30, 2017 at 12:31 am - Reply

    How can we deploy this in heroku?

  4. Jun An May 30, 2017 at 12:34 am - Reply

    It is so good that I was looking for !!!
    please make a video for PWA on angular 4 as well..

  5. Paramjit Panesar May 30, 2017 at 12:34 am - Reply

    Hi,
    Thanks for the tutorial. I’ve setup the same steps for my angular 4 app which works fine but when i add ng-bootstrap with npm install –save @ng-bootstrap/ng-bootstrap then import it to my module with import {NgbModule} from ‘@ng-bootstrap/ng-bootstrap and imports: [NgbModule.forRoot()] then the whole app fails to compile with npm start or production build. Could you help and let me know what is going wrong?
    Thanks

  6. Владислав Рыжов May 30, 2017 at 12:35 am - Reply

    Very cool, thanks

  7. Jun An May 30, 2017 at 12:44 am - Reply

    I tried tutorial and it works but it is not working when I put into my real project.
    even I just added a package of angular material.
    How to fix it ? I can not apply my real project.

  8. Mark Deibert May 30, 2017 at 12:47 am - Reply

    What command console is that?

  9. Puneet Singh May 30, 2017 at 12:50 am - Reply

    The 2nd part was helpful where you actually explained what the video is for 👍🏽

  10. salman salea May 30, 2017 at 12:50 am - Reply

    Hi there, can you please tell me How to Deploy this , i have a VPS and node is running on server, Can you please guid me how i would deploy this , do i have to make an express server on server first or what?

  11. Umesh Ramchandani May 30, 2017 at 12:52 am - Reply

    do we like need to change our server side code too ? and can we use angular with php like we used to before as in just generating the js and and html and hosting it on a php server with other things. Thanks alot thou cool video

  12. POSK 23021701 May 30, 2017 at 12:52 am - Reply

    Justo lo que necesitaba, gracias!

  13. Houssam KASRI May 30, 2017 at 1:05 am - Reply

    If i have a backend in spring, i must change something or i just use my api without anything to change in server.module or server.ts?? thanks

  14. Junior Ferreira May 30, 2017 at 1:15 am - Reply

    goooooodddddddddd man

  15. murunwas cengy May 30, 2017 at 1:15 am - Reply

    Thanks Gary, can i deploy this on PHP server??

  16. Code War May 30, 2017 at 1:15 am - Reply

    How can we deploy this in heroku

  17. Alexandru Comanescu May 30, 2017 at 1:18 am - Reply

    Great tutorial, I’ve been asking myself how this was done by others. Thanks!

  18. Jayabal Malaichamy May 30, 2017 at 1:21 am - Reply

    Great tutorial man, a few days back I was thinking how to add SEO title.

  19. Alejandro Loarca May 30, 2017 at 1:22 am - Reply

    Thank you so much! I was struggling a little with the Angular documentation because it doesn’t show how to use the angular cli with universal and all the steps are really confusing. I was looking for some solution with the cli, and this is the simplest way so far. I hope the Angular team makes this automatically with just one command in the future.

  20. Bogac Guven May 30, 2017 at 1:24 am - Reply

    Well done. Pre-render explanation would be nice too.

Leave A Comment

*