I have a statically generated website that uses Astro, and i need a vercel function to submit a form. [image] Im quite new to both Astro and Vercel, is there any way i can write my functions in TypeScript? [image]

Hey @aryxstocratic . If you add "type": "module" to the package.json file then the error will go away. I just tested this with a new Astro example, and the type config was already included for me with the boilerplate starter app . :smile: { "name": "astro-static", "type": "module", "version":…

i still get the error in the second picture

actually did not, sorry :sweat_smile: Just published the repo on github if you want to take a look [image] GitHub - Aryxst/everything-ars Contribute to Aryxst/everything-ars development by creating an account on GitHub.

Thanks for sharing the repo! After removing a duplicate file and making TS ignore a couple of its complaints, I was able to build and deploy the project. I used the Astro preset for Build and Development Settings . I just used all of the default settings suggested when I created the new project. And…

No, I just created a brand new Astro project and haven’t edited any config files for Astro yet. Also, there are two submit routes in the API folder. I published both to show that they contained the same code. So, did you manage to get the function to work with TypeScript? What changes did you make …

I found the issue, but I don’t know how to solve it. Basically, the API is referencing the root directory’s tsconfig instead of the one in the API folder. How can I overcome this?

Looking more closely at the API directory, this looks like a monorepo that would be deployed as two separate projects. By default, Vercel’s Node.js runtime builds and serves any function created within the /api directory of a project to Vercel (ref Using the Node.js Runtime with Serverless Functions )…

Really nothing: I scaffolded the astro boilerplate, added some files in src with data to render, and added api folder in root. The deployment is working out-of-the-box, i let vercel setup everything when i ran the first CLI command. I just made a deployment with submit.js and not submit.ts and ev…

Can you help me understand why you’ve added separate package.json and tsconfig in the /api folder? That’s not a typical setup so I want to be sure I understand the goal.

Using Typescript for a Vercel Function without a "Framework"

Help

aryxstocratic (Aryxstocratic) July 18, 2024, 2:31pm 8

Btw the error I’m getting (with the same code that is on github):

Topic		Replies	Views
The Vercel functions dev initial experience isn't great Feedback	3	209	December 19, 2025
React Astro Typescript Project deployment giving runtime error Help	3	208	February 2, 2025
Cant deploy astro to vercel (node18, astro 5.3.0., vercel 8.0.7) Help astro	10	863	May 28, 2025
Basic API's doesn't work with Vercel :( Help astro	3	97	December 16, 2025
Deploying typescript serverless functions Help	3	915	January 14, 2025

Using Typescript for a Vercel Function without a "Framework"

Related topics