Rendertron for NuxtJS and Firestore site for SEO purposes

Question

I would like to use Rendertron for my NuxtJS site.

I need to add these few lines below to server.js in my nuxtjs  but I could not figure out how to do that. In nuxtjs, you are not supposed to make changes to server.js.

const rendertron = require('rendertron-middleware');

const BOTS = rendertron.botUserAgents.concat('googlebot');
const BOT_UA_PATTERN = new RegExp(BOTS.join('|'), 'i');

app.use(rendertron.makeMiddleware({
  proxyUrl: process.env.RENDERTRON_PROXY_URL
  userAgentPattern: BOT_UA_PATTERN
}));

Any help or pointers would be greatly appreciated.

Answer 1

reconfigue the server setting 

app.use(rendertron.makeMiddleware({
  proxyUrl: 'https://ampedcast-7c1d6.uc.r.appspot.com/render',
  userAgentPattern: BOT_UA_PATTERN
}));

add the middleware to the nuxt.config.js:

serverMiddleware: [
  { path: "/api", handler: "~/api/rest.js" },
],