The Bun 1.0 Tech Stack
ฝัง
- เผยแพร่เมื่อ 4 ก.พ. 2025
- BETH Stack == BEST Stack
-----------
HTMX View Transitions App - htmx-vt-test.f...
Source Code - github.com/eth...
Thumbnail Tweet - sa...
Eylsia / Axum Benchmark - web-frameworks...
Bun - bun.sh/
Elysia - elysiajs.com/
Turso - turso.tech/
HTMX - htmx.org/
kitajs/html - github.com/kit...
FOLLOW ME ON TWITTER- / ethanniser
------------
VS Code:
Font - Fira Code
Theme - Material Theme Darker
Gear:
Microphone - Shure SM58
Headphones - Philips SHP9500
Interface - Focusrite Scarlett 2i2
Bun 1.0 has an issue with the native `fetch` and libsql/Turso. To fix it import fetch from 'isomorphic-fetch' and send it along with the url and authToken to the createClient.
You should open an issue for this!
JACK HERRINGTON THE GOAT!!!!!
Yuo will must make pull request
Can't do commit like this 😅
This should be fixed now!
im so glad you and the whole community is enjoying bun 1.0. the jsx to html plugin is very cool looking, but i wonder if thats something we should do built in to the transpiler
x.com/jarredsumner/status/1697356667258827000?s=46&t=r6W08josgpNiUkyXidK8Uw
Please do!
Bun is crazy fast. I've been absolutely blown away by the improvements
Awesome followup, the Winter-CG (community group not garbage collector btw) compatibility in particular is something that REALLY makes me want to try Elysia! Love seeing Bun get all of this hype too after the hard work they have put in.
“Let’s be honest, I don’t post often so you’ll want to know when I do!” Is one of the best CTAs I’ve heard yet! Kudos on another great video, can’t wait for the full tutorial!
Oops, thanks for catching
Guess I’m too used to seeing G and C only in that order
CG felt like computer graphics more than GC for me
Bro I was literally just trying out some beth stack stuff and was thinking "this is cool but I wish I didn't need this typed-html package". This is starting to look pretty viable. Exciting stuff
TL;DR: use htmx-tsx
Thought the same and made my own package that relies on battletested (tm) packages from unified instead of parsing and stringifying myself (hastscript). Also has some (imho) nice features like passing classes and ids to components without explicit declaration, i.e. gives a more "native element" feel to custom components.
Just built my first project with the BETH stack today and then saw that you posted this video :) Great work btw
Looking forward to the next beth stack video :)
I made a similar stack using hono and cfw that I believe was a bit more flexible, at least before Bun supported Windows and Elysia had cfw support.
subscribed within the first 60 seconds of watching this. great video man!!
I body slammed the notification bell. Looking forward to the tuturial.
So excited for the next video - keep up the awesome work!!! ❤
Subscribed and turned on notis. I like your thesis. Thank you.
Subbed !
I am all in with zig on the backend, generating htmx, for static binaries
Been using bun at $work for 12 months now
Great channel, love ur work, looking fwd to deep dives
next: the METH stack 😂
subcribed. waiting for that in the mean time I will try that stack
How is your hair so awesome man? Like for real.
Nice video!
I’m super sceptic about HTMX, but gonna watch your content - it seems like a interesting concept. Would be cool to see some content related to what problems it actually solves and why people should care about it. Anyways, I like your style - keep it up!
Became interested in this stack recently (namely due to HTMX), and by my luck I run into a video by the stack's author. Your presentation style/communication style seem to lend really well to teaching, so I'm really looking forward to your tutorials/courses on how to best use the stack (you are the expert, after all). Awesome work and I know we all can't wait!
FYI, htmx config can be set from a meta tag with name htmx-config and content a JSON holding all of the config
Personally I don’t use this stack like you show but I’m really inspired by you. You make me discover Bun and Elysia for example and give me the idea to use Tsx for rendering.
Well for the curious my stack is similar but I use prisma and I integrate vite with full page reload (not hmr) and postcss and finally brandi cause I love dependency injections.
So thanks you for the inspiration
I'm eagerly waiting for the next video
It's unlikely that anything JS is as fast as Rust under realistic workload scenarios. Still, looking forward to trying bun for side projects.
Agreed, while it’s definitely mags faster then other JS routers, once the GC kicks in it doesnt matter. Most cases it doesnt really matter tho.
Now if Bun can easily accommodate NestJS, I'm game.
1:20 Bro if you told me it was as fast as Go I wouldn't have believed it. This is NUTS
Top video, keep them coming mate!
Looking forward to it!
I'm so hyped about that app with this awesome stack
Looking forward to the tutorial! ❤
Waiting for B2B Tutorial, Siuuuuu!
I would love a playlist about BETH stack! Please, make ir!
My only gripe with HTMX is having to write ur API layer twice if you want to have a different frontend access it.
Honestly that feels like a good reason to not use HTMX if that's non-negotiable or perhaps have the HTMX server talk to the API instead of the database?
@@Lucas-gt8en Yeah suppose could have the HTMX talk to the api, but at that point yk may as well just use a JS framework r som.
You have to write your validation twice when you have a traditional frontend so I'd say it's a pretty similar tradeoff in terms of complexity
Cool, but shouldn't you set the Cache-Control attr in the response headers so preload can work? Or caching is the default behavior?
I'm using react + express + node right now. Might try Bun for my next project :)
looks cool, gonna try that later
I built an app with the beth stack today. I love bun but I hate HTMX. But your video was super helpful.
Bun has some problems in db:push of Turso. I used drizzle with turso, and I ran into the issue. And the problem's been pointed out for a while, but it's not been yet resolved.
0:39 "win support coming" aaaaahhhhht
Ethan, first, thank you for introducing the B.E.T.H stack! It will be especially exciting to see your upcoming B2B framework; this changes the SaaS landscape significantly! Man o' man, this is fantastic!! Hoping someday you might even consider doing a real-world project-based Udemy Tutorial on the B.E.T.H B2B stack 🙂
Hyped for that tutorial!
Wow bun is amazing🎉🎉🎉
It’s so good. Wtf. No going back.
I want to give htmx a chance but I find it to be just weird... I enjoy watching this type of video tho
bun needs windows support for it to 'sell' itself
Well I still use it in windows with wsl but dedicated windows support would be fine imo
i await your beth stack implementation
Would be glad to have your thoughts on Nitro and OFetch in this stack
3:16 htmx preload on hover
didnt know that was a thing for web too
Could you maybe include how to integrate with something like Auth0 in your tutorial.. I feel like that area is really not covered all that well in Elysia
You can look in the plugins sections in their docs
Waiting for the tutorial!
When are you releasing a detailed video building production ready app with bun?
Soon
@@ethanniser Yes, please!
I tested the stack just for fun, but one problem with the DX is that the hot realoading do not work. Or atleast it did not do it for me.... Maybe i missed something but that would be nice to have
Cool, but don’t you have to write your backend routes basically 2 times to support a mobile app? Once for the htmx stuff and the other for JSON or another format that can be parsed
Elysia vs hono?
What are your views on Golang ? Is it worth learning for backends api.
Go can be a great language for certain use cases, but personally I’m not a big fan. I would use typescript up until the point I need the additional safety/performance of rust.
But you should use whatever interests you can fits your use case the best.
Tutorial should be fun!
Well it better to use debug dev tool to see network status.
Is it just me or does view transition not work on Firefox?
Yea only in chrome for now, but other browsers soon
All can work except for the react 😊
is this stack is good for beginners?
The "author" of the stack? 🤔
You look like a nice Ben Awad
I still can't believe it's as fast as rust. It doesn't make sense for a scripting language to be as fast as compiled one. What's the real performance?
im a beginner! :D, can you do a run through or a video where you make a htmx template, compile it with idk bun? and elysia and turso? and like give a breakdown run through on how to implement each and their application to the project.
im making a project with Electron JS that uses Node JS, i don't really know how to make use to try to implement bun instead of node js there
The BETH Stack: Build Hypermedia-Driven Web Apps with Great DX and Performance
th-cam.com/video/cpzowDDJj24/w-d-xo.html
But I don't want to leave Deno T.T
sick cans dude!
can framework that run on node like nestjs, expressjs, reactjs, svelte work with bun ?
Yes
nice video, but just wondering when did i suscribe... O.O
A lot of potential, but how are the segfaults?
Personally haven’t had any issues so far, doesn’t mean they don’t exist. The bun team is working hard to squash bugs, and it’s a technology promise enough to be worth using.
@@ethanniser Can also be some healthy pressure put on Zig, it’s time to shine.
common zig W
I want to use Bun but I can't because I use Windows
WSL
sick
You are not the author of bun, elysia, turso or htmx. What are you an author of exactly?
Since most complete node techstacks have been compatible with bun since forever, is it even the first?
is 1.0 ready for production? what?!
Also, what's up with this comment section? the other commenters seem to follow some script...
Yeah seriously, I think many of them are straight up bots. Currently the only way I am aware of to ship a Bun app to prod is by dockerizing it (or using some other container) and deploying it to an orchestration infra like kubernetes or one of the many full managed container environments like ECS. I highly doubt this guy or many other people are doing this already. I am not going to get excited about Bun until one of the big hosted PaaS providers start offering one touch Bun deploys.
@@jtms1200 I suspect it's Turso viral marketing PR at play. They sponsor tons of techtubers to shill their fancy DBaaS SQLite fork.
Bun doesn’t build properly. Even if you target bun it the build doesn’t even run. Everything else is amazing so far.
Bruh
Its garbage 😂
Unusable on older env. Too much issues and seriously god knows what it has under its compatibility hell.
If you start new projects then it might be fine on again wont advise to use it on production as of now yet.
I ❤ the *content* of this video, but I HATE the video overall. You need to keep the pictures on the screen longer. It's as simple as that.
I feel like I need to remind you that what you have in your head isn't what I have in my head, so give me more time, please. I hope your goal is to be educative. But that means you have to CARE if people understand you.
Otherwise, the video is very good. Personally, I'd fully talk through any acronyms once at the start. I also think you could stand to talk just a smidge slower.
But to reiterate, those pics need to stay up longer, please please please.
You realize this is TH-cam and not a TV from the 90s right? You can pause...
The guy who wrote @kitajs/html is so beautiful omg. (ps its me)