Bun Crash Course 2023 with HTMX example

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ • 66

  • @tgsoon2002
    @tgsoon2002 Рік тому +9

    00:00 What we build at the end & installing
    03:28 Explore Bun API
    44:28 Bun HTMX app

  • @databasemadness
    @databasemadness Рік тому +8

    This is such a timely upload, just as htmx and bun are taking off! Thank you

  • @TheD3adlysin
    @TheD3adlysin Рік тому +2

    Loooool. Was waiting for the Udemy courses to come out. I knew the news around bun would create a bunch of these training videos.

    • @SumriseHD
      @SumriseHD Рік тому

      you could even buy a whole udemy course bundle

  • @pietraderdetective8953
    @pietraderdetective8953 6 місяців тому

    great tutorial! I followed from beginning to end and everything works.
    At the end you mentioned part-2 of this video and I've searched your channel but I couldn't find it..was there a part-2 to this great tutorial?

    • @KaizenCodes
      @KaizenCodes  5 місяців тому +1

      Hey, thanks for the comment. I have not planned part 2 yet because I just had my first child born and am loaded at work otherwise. I do plan on bringing more Bun goodies once things settle down though

  • @roblesrt
    @roblesrt Рік тому

    Awesome!... Would love to see Bun + HTMX + Turso.

  • @HuynhLuong227
    @HuynhLuong227 Рік тому

    thanks for sharing..., hope HTMX popular soon

  • @tanghoong
    @tanghoong Рік тому

    Thanks for the tutorial, I was looking for the tech stack which best with making a bun cms, any suggestion?

    • @KaizenCodes
      @KaizenCodes  Рік тому +1

      For the API I would use something like Hono or Elysia. For the frontend I would use Vue. Nuxt would be cool too but it’s not fully functional with Bun yet last I checked.

  • @Danielo515
    @Danielo515 Рік тому

    This was awesome ❤, I'm really impressed with bun. Just one question, why didn't you just use the bun router to dispatch the requests?

  • @randomforest_dev
    @randomforest_dev Рік тому

    awesome

  • @aspirinemaga
    @aspirinemaga Рік тому +1

    Very hard to follow on what are you doing with that terminal editor thing.

    • @KaizenCodes
      @KaizenCodes  Рік тому +2

      Would you prefer VSCode for videos instead?

  • @boot-strapper
    @boot-strapper Рік тому +6

    what terminal program is that? BTW this tech seems super cool. Very exciting, dont think I can go back.

  • @danteDeveloper
    @danteDeveloper Рік тому

    did you use neo vim for this video? I want to which IDE are you use and how to use it

    • @KaizenCodes
      @KaizenCodes  Рік тому

      Yes Neovim for the code editing 👍

  • @dngt6007
    @dngt6007 Рік тому

    Kaizen, excellent video, how can I reference a local css or js
    file from the index.html in your example app, thanks

    • @KaizenCodes
      @KaizenCodes  Рік тому

      Thanks! You would need to either inline it into the html or setup the server to read the file from disk and reference it. But honestly think at that point it maybe best to use a framework like Hono or Elysia to handle static files.

  • @israelsousa
    @israelsousa Рік тому

    Nice video, I have a doubt, like node, bun will need a version manager like NVM?

    • @KaizenCodes
      @KaizenCodes  Рік тому +2

      It’s too early to say, I actually hope not. I like that Bun self manages with bun upgrade. But probably at some point someone will create it 😅

  • @programminganytime4332
    @programminganytime4332 Рік тому

    which vscode font do you use?

    • @tickshot
      @tickshot Рік тому

      That's not vscode it's neovim

  • @twd2
    @twd2 Рік тому +1

    does it work with Svelte like this !!!

    • @verythreatening238
      @verythreatening238 Рік тому +1

      yes works with every modern js framework svetle, nextjs ect ect

  • @thiscris_
    @thiscris_ Рік тому

    What's that VSCode font? It's not JetBrains Mono. Thanks in advance.

    • @KaizenCodes
      @KaizenCodes  Рік тому +2

      It’s not VSCode, it’s Neovim running in Windows terminal - so probably the terminal’s default font - Cascadia Code. I don’t use this machine as my daily.

  • @ericluciano
    @ericluciano Рік тому

    What font name are you using in the terminal and configs nvim?

    • @KaizenCodes
      @KaizenCodes  Рік тому +2

      github.com/Eckhardt-D/kaizen.nvim my nvim config. As for the font, I think it’s JetBrains Mono.

    • @ericluciano
      @ericluciano Рік тому

      @@KaizenCodes thank you.

  • @RicusNortje
    @RicusNortje Рік тому +1

    Came here for the bun and HTMX, stayed because I heard the SA accent lol. Also playing with HTMX now, still wana start a side project with bun

    • @KaizenCodes
      @KaizenCodes  Рік тому

      Namibian, but yeah pretty much same thing.. and cool! Elysia is something I would suggest

    • @Motion152
      @Motion152 Рік тому

      bro same xD

  • @wojciechosinski5927
    @wojciechosinski5927 Рік тому +1

    What other options do we have if the goal is to render components serverside? React with renderToString is one of them. Is there anything else?

    • @KaizenCodes
      @KaizenCodes  Рік тому +4

      That’s a good question! There was a video called the BETH stack by someone else where they used @elysiajs/html and typed-html . I would have to look into that more to give you a good answer.

    • @BinaryIgor
      @BinaryIgor Рік тому

      @@KaizenCodes Why not just have components as html (+tailwind/css?) strings? In may cases, that's enough ;)

  • @astrea4231
    @astrea4231 Рік тому

    i'm following the same as you. But somehow i can't see anything logging out when i run file.ts. I also can't write file. Help me plz
    const file = Bun.file('package.json')
    const contents = await file.text()
    console.log(contents);

    • @KaizenCodes
      @KaizenCodes  Рік тому +1

      Is there a package.json file in the directory that you’re running the command in?

    • @astrea4231
      @astrea4231 Рік тому

      @@KaizenCodes Yeah I tried possible paths too. But when I run it, it just show nothing and do nothing

    • @KaizenCodes
      @KaizenCodes  Рік тому

      @@astrea4231Ah that sucks.. is the code in github or something to look at? It would be impossible for me to tell you what might be going wrong via comments 😅

  • @naranyala_dev
    @naranyala_dev Рік тому

    yeah htmx with tailwind css

  • @karthikm.1804
    @karthikm.1804 Рік тому +1

    fullstack app w/t nuxt, zod, prisma, supabase

  • @ATXAdventure
    @ATXAdventure Рік тому +1

    Honestly, great video but I want to hear your voice, not your obnoxious clicky keyboard.

    • @KaizenCodes
      @KaizenCodes  Рік тому +1

      Haha I’m sorry. It annoyed me too actually. It’s the only board I have for now but will figure out a way to make it more bearable. Thanks for the feedback.

    • @thiscris_
      @thiscris_ Рік тому

      @@KaizenCodes You can use a dynamic microphone like a Shure SM58 or Shure SM7b if you want to invest. Those reject unwanted noise. Also you can switch to a keyboard with different switches. Blue clicky switches are noisy. Personally I didn't find the sound annoying at all. I found it rather pleasant.

    • @LourensRolograaf
      @LourensRolograaf 6 місяців тому

      @@KaizenCodes All my keyboards have blue switches -- so for me please keep on clicking! Let us hear you hacking, damped keys is for gamers!

  • @sion123ful
    @sion123ful Рік тому

    stopped watching when you said you were using windows 🤮