server.js

const express = require('express');
const next = require('next');

const dev = process.env.NODE_ENV !== 'production';
const port = process.env.NODE_PORT || 3000;
const app = next({
  dev,
  dir: 'src',
});
const handle = app.getRequestHandler();

app
  .prepare()
  .then(() => {
    const server = express();

    server.use((req, res, next) => {
      // Express middleware to add security headers to the responses.
      res.header('X-Content-Type-Options', 'nosniff');
      res.header('X-Frame-Options', 'SameOrigin');
      next();
    });

    // Handle favicon requests that ignore our HTML meta tags.
    server.get('/favicon.ico', (req, res) =>
      res.status(200).sendFile('favicon.ico', {
        root: __dirname + '/src/static/images/favicons/',
      })
    );

    server.get('/projects', (req, res) => {
      app.render(req, res, '/projects');
    });

    server.get('/bulkdeployment/:bulkIdSlug', (req, res) => {
      app.render(req, res, '/bulkdeployments', { bulkId: req.params.bulkIdSlug });
    });

    server.get('/projects/:projectSlug', (req, res) => {
      app.render(req, res, '/project', { projectName: req.params.projectSlug });
    });

    server.get('/projects/:projectSlug/project-variables', (req, res) => {
      app.render(req, res, '/project-variables', { projectName: req.params.projectSlug });
    });

    server.get('/projects/:projectSlug/deploy-targets', (req, res) => {
      app.render(req, res, '/deploy-targets', { projectName: req.params.projectSlug });
    });

    server.get('/projects/:projectSlug/:environmentSlug', (req, res) => {
      app.render(req, res, '/environment', {
        openshiftProjectName: req.params.environmentSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/backups', (req, res) => {
      app.render(req, res, '/backups', {
        openshiftProjectName: req.params.environmentSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/deployments', (req, res) => {
      app.render(req, res, '/deployments', {
        openshiftProjectName: req.params.environmentSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/deployments/:deploymentSlug', (req, res) => {
      app.render(req, res, '/deployment', {
        openshiftProjectName: req.params.environmentSlug,
        deploymentName: req.params.deploymentSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/tasks', (req, res) => {
      app.render(req, res, '/tasks', {
        openshiftProjectName: req.params.environmentSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/tasks/:taskSlug', (req, res) => {
      app.render(req, res, '/task', {
        openshiftProjectName: req.params.environmentSlug,
        taskName: req.params.taskSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/problems', (req, res) => {
      app.render(req, res, '/problems', {
        openshiftProjectName: req.params.environmentSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/facts', (req, res) => {
      app.render(req, res, '/facts', {
        openshiftProjectName: req.params.environmentSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/insights', (req, res) => {
      app.render(req, res, '/insights', {
        openshiftProjectName: req.params.environmentSlug,
      });
    });

    server.get('/projects/:projectSlug/:environmentSlug/environment-variables', (req, res) => {
      app.render(req, res, '/environment-variables', {
        openshiftProjectName: req.params.environmentSlug,
      });
    });

    server.get('/alldeployments', (req, res) => {
      app.render(req, res, '/alldeployments', {});
    });

    // Redirects for system - from https://www.raygesualdo.com/posts/301-redirects-with-nextjs
    const redirects = [{ from: '/builds', to: '/alldeployments' }];

    redirects.forEach(({ from, to, type = 301, method = 'get' }) => {
      server[method](from, (req, res) => {
        res.redirect(type, to);
      });
    });

    // organizations start
    server.get('/organizations', (req, res) => {
      app.render(req, res, '/organizations');
    });

    server.get('/organizations/:organizationSlug', (req, res) => {
      app.render(req, res, '/organizations/organization', {
        organizationSlug: req.params.organizationSlug,
      });
    });

    server.get('/organizations/:organizationSlug/groups', (req, res) => {
      app.render(req, res, '/organizations/groups', {
        organizationSlug: req.params.organizationSlug,
      });
    });

    server.get('/organizations/:organizationSlug/groups/:groupSlug', (req, res) => {
      app.render(req, res, '/organizations/group', {
        organizationSlug: req.params.organizationSlug,
        groupName: req.params.groupSlug,
      });
    });

    server.get('/organizations/:organizationSlug/users', (req, res) => {
      app.render(req, res, '/organizations/users', {
        organizationSlug: req.params.organizationSlug,
      });
    });

    server.get('/organizations/:organizationSlug/users/:userSlug', (req, res) => {
      app.render(req, res, '/organizations/user', {
        organizationSlug: req.params.organizationSlug,
        userSlug: req.params.userSlug,
      });
    });

    server.get('/organizations/:organizationSlug/projects', (req, res) => {
      app.render(req, res, '/organizations/projects', {
        organizationSlug: req.params.organizationSlug,
      });
    });

    server.get('/organizations/:organizationSlug/projects/:projectGroupSlug', (req, res) => {
      app.render(req, res, '/organizations/project', {
        organizationSlug: req.params.organizationSlug,
        projectName: req.params.projectGroupSlug,
      });
    });

    server.get('/organizations/:organizationSlug/notifications', (req, res) => {
      app.render(req, res, '/organizations/notifications', {
        organizationSlug: req.params.organizationSlug,
      });
    });

    server.get('/organizations/:organizationSlug/manage', (req, res) => {
      app.render(req, res, '/organizations/manage', {
        organizationSlug: req.params.organizationSlug,
      });
    });
    // organizations end

    server.get('*', (req, res) => {
      return handle(req, res);
    });

    server.listen(port, err => {
      if (err) throw err;
      console.log('> Ready on http://localhost:' + port);
    });
  })
  .catch(ex => {
    console.error(ex.stack);
    process.exit(1);
  });