I'm curious how you would dockerize this. Everyone seems to take the approach of pulling express out into a separate port, but could logic here keep it simple?

Hi noam honig, I'm trying to figure out to build both frontend and the server. I changed the config to start from both files but the transpiled server.js won't run.

Noam, you are my hero. I'm working on a side project to flesh out my resume a little bit, and I spent about 8 hours today searching for a simple way to develop a React + Node app using vite and tailwind CSS and miraculously you answered all my questions in this article. And then I checked the comments and you answered the very next question I had regarding the environment variables! You earned a follow with this one :)

I like this, but one problem with this solution: If I want to have variables for my backend like keys for my DB I have to use the VITE_ pattern which makes it also visible on the front-end :(.

Any solution for that?

I really like the way you combine vite build tool with running server separately, but I really like keeping client side files and server side files disctinct. How can I achive that keeping vite build tool as runner for the server?

The strcuture would look something like this: . ├── etc... ├── src │ ├── client │ └── server ├── tsconfig.json └── vite.config.ts