Written tutorial: https://goo.gl/6VNUAQ – In this tutorial, I’m going to show you how to setup a new Angular 6 project from scratch along with routing, and then with …
source
You might also like
Leave a Reply
Want to join the discussion?Feel free to contribute!
very help full thanks
Hi thanks for video. It.s working on localhost:8080 port but when i upload dist file in live hosting server cpanel and try to see view page source code not getting kewords,meta tags,descrption. Please help me.
Looks like it doesn't work for angular 7
like and subscribe!
Thanks for solving this Angular seo issue.But when i try as you said i face some issue.I have posted in stackoverflow also.
https://stackoverflow.com/questions/55690135/how-to-fix-referenceerror-window-is-not-defined-error-in-angular-6-universal
But i could not get correct answer. What can i do to solve?
I added that in my project. But the problem is google search is only crawling my index page and other pages are not crawling. I also added the sitemap.xml but the other pages are marked as excluded.
Hi. Thanks for this awesome video. How to build with –aot?
If there only were a video about @ng-toolkit/universal and @ngx-translate/core …
I created new project folder with latest version of angular. Installed @ng-toolkit/universal package. When I run npm run server getting this error after running on browser: Listening on: http://localhost:8080
Error: You must pass in a NgModule or NgModuleFactory to be bootstrapped
like it! thanks!😁 We also publish videos about SEO! Could you give me some feedback? Thank you! 😀 Don't forget to subscribe if you like it!!😀
Xavier🚀
Do I need a VPS or Dedicated Server to make this work, or can I just build it and copy it to shared hosting directories?
I dont know what is this issue when i fire npm run server
npm run server
npm ERR! missing script: server
can I use the universal angle for multipage? Will he be able to find the images and descriptions on each page?
Sir, what about keywords for SEO, different pages require different keywords, so where we can write different keywords for different pages?
Hi, I have a site created with Angular (www.butwise.com). The developers made only the main page SEO ready, but only the main page. On butwise.com user can create their profile and create individual skills, what results in additional (sub-) sites. Unfortunately, my developers can't make all pages crawlable. My question is who can do it?!
Ng7 is invalid
Can you please refer me a tutorial where someone shows how to deploy angular universal app to IIS
it works but I am confusing are you still making HTTP (post/get) requests what about routing? doing in express or in angular with routerlink?, do you still interchange information with json?
hello, does this work in angular 7 version?
how to may my angular app seo friendly when i deploy it in any live server. i run the command ng build –prod and then took the whole dist folder for prod. but i found it running fine in localhost but no seo friendly in the other server
Currently doesn't work with algular-cli:7.0.3 unfortunately but this looks really cool.
Just tried this and it didn't work. Got an issue which is already reported and the work around does not work 🙁 https://github.com/maciejtreder/ng-toolkit/issues/317
Hi Gary, when i run the command 'npm run server', its showing 'Error: Cannot find module './dist/server''(this is followed by few more lines of error). what might be the issue?
I've try to use it with angular 7, "tour of heroes" and guess what, it's not working. Commands not found errors…
when making the production pass, I only use the autogenerated folder called browser or I have to run the server.js file using PM2 to run as a daemon.
What about react ??
Thanx a lot… This is truly useful… 🙂
One of the worst package I ever seen is the angular universal package you have recommended in this video. Please don't recommend anyone in the future. His package screwed up my project and added code everywhere in my project and Im breaking my head to solve the issue for last three days. He never ever responds to the issue. I'm not even able to remove whatever code his package is added. Please continue your good work of teaching us. But please don't recommend anyone.
hi! can I setTitle and set meta tags inside ngOnInit after recieved response from Observable and Universal will rendering pages? Thanks
Does this work on a PHP server?
How can we share the current URLs on facebook, twitter and other social websites using angular-6?
Thanks alot Gary!
error typeerror cannot read property 'name' of undefined at object.eval as updated renderer. sir this error is not solved please give me solution
Hi, i am getting an error while running n run server command please help. The error is
Elifecycle error
Universal is anything but simple. it needs improvements
Thanks Gary! great tutorial. Question: How do i get this to work when i need to deploy on a cPanel hosting?
any one know whats going on here =>https://github.com/maciejtreder/ng-toolkit/issues/443
Anyone know what wrong here? "The file (./src/ts) does not exist." after "ng add @ng-toolkit/universal" https://github.com/maciejtreder/ng-toolkit/issues/443
DeprecationWarning: Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead
please make a performance video, lighthouse google audits
I just set up a new angular universal app and it works perfectly. But if i try to create an api endpoint i get redirected to the homepage each time even after modifying the server.ts file. Here is the server.ts
app.set('view engine', 'html');
app.set('views', './dist/browser');
app.get('/redirect/**', (req, res) => {
const location = req.url.substring(10);
res.redirect(301, location);
});
app.get('/api', require('./api/api.js'));
app.get('*.*', express.static('./dist/browser', {
maxAge: '1y'
}));
app.get('/*', (req, res) => {
res.render('index', { req, res }, (err, html) => {
if (html) {
res.send(html);
} else {
console.error(err);
res.send(err);
}
});
});
and here is my api.js file
var express = require('express');
var router = express.Router();
console.log('entered api')
router.get('/', function (req, res, next) {
res.send('api');
console.log('route activated')
});
module.exports = router;
I'll like to make the api endpoint work. This works well when using express alone and not with angular-universal
Hi. Please can you make a tutorial on video chat with angular?
Hi Gary, I'm a rookie here. I don't understand why the web page is SEO friendly after adding universal. Can you explain more? Thanks!
this works with GOOGLE ANALYTICS too? i mean in my analytics i will see two pages more which are users and posts … ?