sbom-harbor-ui VS aleph.js

You can read process.env with Webpacks environment plugin, or if you’re using vite.js to build (which i highly recommend learning if you haven’t yet), it gets written to imports.meta.SOME_ENV_VAR. We recently open sourced a repo that I work on at work — feel free to take a look (especially at the config.ts file) and ask any questions about how I load process.env variables into the client app. github.com/CMS-Enterprise/sbom-harbor-ui

Check aleph if you want to use react with deno. But I'd suggest sticking with Node.js and Vite as you'll get less surprises.

Here's another thing: if you want to grow from this exact setup, use deno. It has support for import maps and don't require a bundler or a separate compilation step for typescript

https://deno.land/[email protected]/basics/import_maps

Maybe add aleph too (which is similar to nextjs)

https://alephjs.org/

Deno won't require nearly as much tooling as nodejs, but it still has tooling for the cases you need it.

There’s also https://alephjs.org, never used but pops up when you search for "deno react" so I assume is similar to nextjs.

Aleph.js is a full-stack framework in Deno, used as an alternative to Next.js. Aleph.js offers features like ES module imports, file-system routing, SSR & SSG, and HMR with a fast refresh.