patterns/fullstack-dev-server

[giscus[bot]]

patterns/fullstack-dev-server

#0f172a

https://elysiajs.com/patterns/fullstack-dev-server

[icarorafael]

What is the IDE used in the example?

[eugene-rn]

Looks similar to Zed

[tuliocll]

Any idea how to get SPA routes working?

[tuliocll]

I got this working with this: elysiajs/elysia#1515 (comment)

[lilhuy0405]

I use react router and one quick options is to use Hash Router instead of Browser router. Hash router will only serve the index.html I also i tried to create a fallback get(*) to serve the index.html via Bun.file() but this will not bunddle the jsx so browser don't understand to render the page. For browser router to work we need to have each html file for each route (like build nextjs from scratch with elysia). You can check my template: https://github.com/codingcat0405/elysia-fullstack-template. Anyway I dont know why this template does't work on Windows(it works well on ubuntu). Im fixing it LOL

[tuliocll]

Interesting, I totally forgot to try the Hash Router 😅.

I'm using the Browser Router without creating individual HTML files, just using the default HTML as the fallback handler in GET routes and enabling the alwaysStatic prop in staticPlugin() directly in Elysia. It’s been working really well so far. Gonna try the Hash Router later!

[lilhuy0405]

Oh thank sir, I should try your solution at the end of the day hash router is just a workaround the page url look kind of weird for users

[dxps]

This is a great article!

It would be very nice to include also the React.js build and just serve that.
Otherwise, the whole React source code can be fetched (ex http://localhost:3000/libs/api.ts).

[qimingweng]

Is hot-reloading for the React/TSX files supported? This is natively supported in Bun.serve() after 1.3.

[StealthOrc]

I ran into: [@elysiajs/static] require process.getBuiltinModule. Static plugin is disabled
..when running bun dev and the react files were not served and I only ran into NOT_FOUNDs after setting everything up as stated here.

I found this issue on another repo with a fix, as bun may not have getBuildinModule setup?

//Add this to index.ts:
// Fix for Elysia issue with Bun, (see https://github.com/oven-sh/bun/issues/12161)
process.getBuiltinModule = require;

Ran using:
Bun v1.2.2
elysia v1.4.16

[dxps]

I remember following the tutorial without any major issue. Of course, I used Bun v1.3 or newer.
So, you should try to use a newer version of Bun, currently v1.3.3 has been recently released.

[StealthOrc]

You're totally right! I just upgraded to bun 1.3.3 and it works like a charm even without the one liner!
My bad on this one! Didn't think of ugrading..

[ec50n9]

What is the Browser used in the example?

[dxps]

It's Brave. You can see that lion logo on the right side of the address bar.

[ec50n9]

thanks!