Code breaks on deploy to vercel

[Complexlity]

Describe the bug

I have defined a new route on "/" while the frame is on "/api". I want the "/" to render normal HTML while leaving the "/api" route to render the frame.

This works locally and on stackblitz but does not work when I deploy to vercel. It fails in two ways:

1. The "/" route returns "not-found" when I try to get on the browser. The get('/') path apparently doesn't get built
2. The imported jsx is not built so it is unable to find the "../images/welcome.jsx

Both work locally but when deployed on vercel, it breaks

Link to Minimal Reproducible Example

https://stackblitz.com/~/github.com/Complexlity/frog-init

Steps To Reproduce

No response

Frog Version

0.21.0

TypeScript Version

No response

Check existing issues

• I checked there isn't already an issue for the bug I encountered.

Anything else?

No response

[Complexlity]

Issue 2 is similar to this: #30

[jxom]

Yeah, unfortunately these are both Vercel Functions limitations:

1. Vercel Functions can only reside under the /api route
2. Vercel Functions cannot import JSX files by default (we are looking into a workaround for this as per Importing files doesn't work on Vercel deployment #30)