Custom bootstrap for next js server

next.config.js

let entryModified = false;

module.exports = {
  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
       if(dev && config.entry && !entryModified)
       {
         require('@babel/register')({
           extensions: ['.js', '.jsx', '.ts', '.tsx']
         })

         entryModified = true;
         const oldEntry = config.entry;
         config.entry = async () => {
            return require("./server/bootstrap").default().then().then(oldEntry)
         }
       }
  },
}

package.json

{
  "scripts": {
    "start": "ts-node --project tsconfig.server.json server/index.ts"
  }
}

server_bootstrap.ts

// this is actually ./server/bootstrap.ts

const mongoose = require('mongoose');

const bootstrapServer = async () => {
    // do your bootstrap stuff here
};

export default bootstrapServer;

server_index.ts

// this is actually ./server/index.ts

bootstrapServer().then(() => {
    console.log("server bootstrapped");

    startServer({ dir }, port, host)
        .then(async (app:any) => {
            await app.prepare();
            // NOTE: you can do your own logging implementation here
            console.log(`server is running at ${host}:${port}`);
        })
        .catch((err:any) => {
            console.error(err)
            process.exit(1)
        })
})

tsconfig.server.json

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "module": "CommonJS",
    "target": "ES2017" 
  }
}