Search code examples
javascriptangularjsherokuphantomjsprerender

Private prerender server wont render angularjs scripts?

I want to create prerendered pages for search engines. I am using MEAN stack (Mongo,Express,Angular,Node). I decided to create my own prerender server.

I have deployed it to Heroku with following commands:

$ git clone https://github.com/prerender/prerender.git
$ heroku create
$ git push heroku master

And now I have my own prerender server, that work if you add /https://www.google.com or /http://stackoverflow.com.

But it doesn't work with my angular app, that is also deployed on heroku.
I can write http://mysites.com/?_escaped_fragment_=thinkpad/t-400
And get bunch of {{not rendered angular}}

I have <meta name="fragment" content="!"> in my index.html.

I have

app.use(require('prerender-node').set('prerenderServiceUrl', 'prerender-server-url'));

in my express.js.

How can I make it work?

Solution

  • Verify that you are not using newer ES6 features that are supported by the browsers, but not yet supported by prerender JS engine.