Share code between backend and frontend (Inertia)

[rickyryden]

I did this in my start/routes.ts file:

export const routes = {
    home: '/',
    auth: {
        login: '/auth/login',
        register: '/auth/register'
    } 
} 

I then used routes.auth.login when defining routes (in the same file), but also imported routes in both controllers and my React components (using Inertia).

The idea was to have all my routes defined in one place so that I don't have to write them manually everywhere. Examples:

// start/routes.ts
router.on(routes.home).renderInertia('home');

// in a controller
response.redirect(routes.home)

// in a react component
<Link href={routes.home}>Home</Link>

But I ran into this problem: https://docs.adonisjs.com/guides/views-and-templates/inertia#top-level-await-is-not-available because I shared code between backend and frontend.

So, my question is, how can I do something similar without running into errors and problems? I would like to do something similar with other stuff later on (not just routes), so that I can use code from one place in both backend and frontend.