Server Rendering Aurelia

server-renderer.js

import * as path from 'path';
import 'aurelia-polyfills';
import {Options, NodeJsLoader} from 'aurelia-loader-nodejs';
import {PLATFORM, DOM} from 'aurelia-pal';
import {globalize} from 'aurelia-pal-nodejs';
import {Aurelia} from 'aurelia-framework';

// ignore importing '.css' files, useful only for Webpack codebases that do stuff like require('./file.css'):
require.extensions['.css'] = function (m, filename) {
  return;
}

// set the root directory where the aurelia loader will resolve to
// this is the 'src' dir in case of skeleton
Options.relativeToDir = path.resolve(__dirname, 'src');

process.on('unhandledRejection', function(reason, p) {
  console.log('Possibly unhandled Rejection at: Promise ', p, ' reason: ', reason);
});

// initialize PAL and set globals (window, document, etc.)
globalize();

// needed by bootstrap:
global.$ = global.jQuery = require('jquery');

// set the path you want to load:
document.location.hash = '/users';

const aurelia = new Aurelia(new NodeJsLoader());
aurelia.host = document.body;
aurelia.configModuleId = 'main';

// note: this assumes your configure method awaits or returns the value of aurelia.setRoot(...)
// skeletons currently don't do that so you need to adjust
require('./src/main').configure(aurelia).then(() => {
  // rendered HTML:
  console.log(document.body.outerHTML);
});