Load Express Routes dynamically like Nuxt.js

express-dynamic-routes-file-system.js

const express = require('express');
const glob = require("glob");
    
const app = express();

glob.sync('./api/**/*.http.js', { cwd: __dirname })
    .forEach(file => {
        const endpoint = file.split('.http.js').join('')
            .split('_').join(':')
            .substr(1);
        app.use(endpoint, require(file));
    });

This small snippet of code converts this file structure:

api
|-- v1
|    |-- users 
|    |    |-- _id
|    |    |    |-- bills
|    |    |    |    |-- _billId.http.js
|    |    |    |-- bills.http.js
|    |    |-- _id.http.js
|    |-- users.http.js

into

/api/v1/users -> users.http.js
/api/v1/users/:id -> _id.http.js
/api/v1/users/:id/bills -> bills.https.js
/api/v1/users/:id/bills/:billId -> _bill.http.js

and a .http.js will look like this, from the file perspective it binds to / as the path to it will be the express route path bind to the router.

const router = require('express').Router();

router.get('/', (req, res) => {
    res.status(200).send('ok');
});

module.exports = router;