does not work with surge out of the box (process.env not defined) (neither vite nor nextjs)

[msmyers]

Describe the bug

• when deploying on surge,
  • the vite build (when viewed on surge) throws an error that "process" is not defined.
  • the next build (when viewed on surge) throws 404 not found.

To Reproduce
Steps to reproduce the behavior:

yarn build && yarn surge

Expected behavior
I expected the website to load.

Screenshots
If applicable, add screenshots to help explain your problem.

---

Fix:

• nextjs

  • Modify nextjs-app-ts/package.json to say "build": "yarn build:anttheme && next build && next export -o dist", (add "export -o dist")
  • Add "surge": "yarn surge dist",

• vite

  • feat: preserve process env vars in lib build vitejs/vite#8090 (whackamole strategy)
  • Uncaught ReferenceError: process is not defined vitejs/vite#1973
  • After build, dev server run in error process is not defined vitejs/vite#161

// see https://vitejs.dev/config/shared-options.html#define
define: {
  'process.env.SOME_ENV': `"${process.env.SOME_ENV}"`
}

// see: https://www.npmjs.com/package/vite-plugin-environment
import { defineConfig } from 'vite'

export default defineConfig({
  define: {
    'process.env.API_KEY': JSON.stringify(process.env.API_KEY),
    'process.env.DEBUG': JSON.stringify(process.env.DEBUG),
  }
})

[ShravanSunder]

To be fixed in new version.
@msmyers the nextjs version won't be chaned. It doesn't make sense to use nextjs for static build when you can use the vite version.