The React, Bun & Hono Tutorial 2024 - Drizzle, Kinde, Tanstack, Tailwind, TypeScript, RPC, & more

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ธ.ค. 2024

ความคิดเห็น • 306

  • @Steven811120
    @Steven811120 6 หลายเดือนก่อน +14

    As a former student of Sam, I want to express my gratitude. We weren't particularly close, but he was undoubtedly one of my favorite instructors at the institute. Sam was not only incredibly patient, always answering my questions no matter how basic, but he also did so with a warm, encouraging smile. He was funny, interesting, and refreshingly no-nonsense, all while remaining humble. The lesson that stuck with me the most from Sam was his philosophy on programming: write the least amount of code to accomplish the most. Watching his video brought back those valuable teachings and even taught me something new.

  • @ron-almog
    @ron-almog 6 หลายเดือนก่อน +55

    Every youtube video that I watch these days is using either Kinde or Clerk, as if nobody is bothering to build an auth systems any more. And I wonder if that's the case, or are we being influenced by tech influencers to that direction? Let me remind you: a website with 1 million active users will have to pay any of these companies $20,000 per month! and when you reach that scale, it's too late to go back. so beware and plan ahead. this is nice for demos, poc's and maybe some small community websites. for any serious startup, you are risking your financial stability. my apologies to the sponsor ;)

    • @act0r399
      @act0r399 5 หลายเดือนก่อน

      But which other alternative for this?

    • @TheJavi1990
      @TheJavi1990 5 หลายเดือนก่อน +2

      @@act0r399 build

    • @antonio_p2622
      @antonio_p2622 5 หลายเดือนก่อน

      @@TheJavi1990 Do you know any resources where you can learn to build your own auth system? I read the Copenhagen book and implemented everything in it (Bun and Hono), except using JWT instead of storing sessions server-side. I store data in a table in a Postgres database where emails are plain text and password are hashed and salted with Argon2. What else should I focus my time on? I wish I could add Google or Github sign in but I'm not sure how to even get started.

    • @boschbryceson4751
      @boschbryceson4751 4 หลายเดือนก่อน +1

      what about open spurce Auth.js v5?

    • @VinayKumar-vu3en
      @VinayKumar-vu3en 4 หลายเดือนก่อน

      @@act0r399 Hono provides authentication middlewares, read the docs.

  • @rahulgupta7720
    @rahulgupta7720 23 วันที่ผ่านมา

    The amount of knowledge in this video is unparalled!!!! As a beginner this has been an absolute gold mine!!!!!

  • @aashishkathait4994
    @aashishkathait4994 7 หลายเดือนก่อน +46

    build the whole project , took full 3 days to implement & understand concept.
    Feedback:
    1. The part where you show the highlighted diagram to show what we are implementing next is great.
    2. Way of teaching is very concise and to the point, which is good thing.
    3. I think actual length of the video would be around 7hr, there are too many small cuts in between video which are easily detectable and pace of the video was too high for me so had to watch at 0.75x

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +9

      That's good feedback for me. Thank you

    • @ajinkyax
      @ajinkyax 7 หลายเดือนก่อน +20

      SMW did a 8hrs long recording for us in 3hrs cut, its an immense work even for editing this much must have taken so many hours. I'm thankful that he did share a great tutorial here.

  • @sirvosterzo
    @sirvosterzo 7 หลายเดือนก่อน +16

    As a seasoned back-end dev migrating to full-stack, the amount of useful, easily absorbable information packed in less than 4 hours is impressive.

  • @ITAccessBox
    @ITAccessBox หลายเดือนก่อน +2

    Thank you so much for this incredible tutorial! 🙌 The way you broke down the integration of Drizzle, Kinde, Tanstack, Tailwind, and TypeScript with React, Bun, and Hono was super clear and helpful. I learned a lot! Also, I really enjoyed the smooth animations and transitions throughout the video-they really added to the viewing experience. Would you mind sharing some insights on how you achieved those effects? Any tips on tools or techniques would be amazing. Thanks again for all the effort you put into making this content so engaging!

  • @tstkenny
    @tstkenny หลายเดือนก่อน +1

    One of the very few tutorials I can turn the caption off entirely and completed the whole thing. Please do more like this if you can! Thank you for the great content!!!

  • @cleverprogrammer7409
    @cleverprogrammer7409 12 วันที่ผ่านมา

    Pro: I learned a lot of things from this tutorial: hono, Drizzle ORM, Tanstack query, router, form, Zod, and many other things, and how to build production-ready full-stack apps. I learned a lot I can't believe what you make, and keep the good stuff you're the best pro ❤

  • @michaeljoyce5134
    @michaeljoyce5134 7 หลายเดือนก่อน +11

    Great video, especially your pace and the little breakout sessions with the diagrams - really helped solidify conceptually the mental model of local dev vs prod and client vs server.

    •  6 หลายเดือนก่อน +1

      do you know which tool he used to create the diagram?

  • @rostam_jabbaroff
    @rostam_jabbaroff 6 หลายเดือนก่อน +4

    The first thing worth noting is that this is a unique educational material where the instructor indeed explains a system that can be integrated and operates across multiple technologies. The systematic approach and engineering mindset are evident. Additionally, during the presentation, I didn't have to squint to see everything the instructor was doing, as he consistently maximized the working area on the screen, making it easier to follow. His clear and engaging delivery also facilitated the absorption of new knowledge. This is the best educational material I have ever seen, and I've watched and tried many. Thank you very much for such valuable information.

  • @_jacobdev
    @_jacobdev 7 หลายเดือนก่อน +5

    This is really fantastic - I started a hono project at work this week and this video has been such a good source of info for everything I've needed. Thanks!

  • @sourabhjana1278
    @sourabhjana1278 7 หลายเดือนก่อน +8

    Thank you for explaining a bunch of tools in one short, crisp video! 🙏

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +2

      You're welcome. It's the tech I like using

    • @sourabhjana1278
      @sourabhjana1278 7 หลายเดือนก่อน +1

      @@SamMeechWard and now I also love this tech, ready to pick for my next personal project

  • @journeyofc6200
    @journeyofc6200 6 หลายเดือนก่อน +3

    Took almost 3 days , but I did it. Thank you so much for this amazing tutorial.

  • @kenbee85
    @kenbee85 7 หลายเดือนก่อน +2

    This is such a great tutorial. I'm learning frontend framework, right now vue but have plans with react. Me coming from WordPress Development, this is a treat. Thanks

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      Glad it was helpful 🤗

  • @psrs985
    @psrs985 2 หลายเดือนก่อน +1

    what a refreshment!!! after a long time no rsc bs

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx 4 หลายเดือนก่อน +3

    This is best hono tutorial please make a hono tutorial with next js also

  • @samihamdan6743
    @samihamdan6743 5 หลายเดือนก่อน

    Thank you. I really want to get into full stack (finished education), and this has shown me an idea of what I need to learn and study.

  • @madmaxdev
    @madmaxdev 2 หลายเดือนก่อน

    Just completed this video. Amazing Content. Looking forward to more videos like this.

  • @armaandhanji2112
    @armaandhanji2112 7 หลายเดือนก่อน +1

    😊 MAY 2024 UPDATE: Wrapping your inside of is no longer necessary! :)

  • @basabsaha6370
    @basabsaha6370 29 วันที่ผ่านมา

    Awesome video, really enjoying the pace❤

  • @justine_chang39
    @justine_chang39 7 หลายเดือนก่อน +1

    haven't watched the entire video, but I can already tell that stack is awesome. Personally I use NextJS, tRPC, Fastify, Chakra UI and Clerk. The productivity is amazing. Gonna try your stack on my next project

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +2

      All that tech is good too. It’s about picking the right tool for the job. So learning more tools is never a bad thing.
      Let me know what you think of this stack when you’ve built your next project

  • @indramal
    @indramal 7 หลายเดือนก่อน +1

    I like you man. This is the best for real developers. Colors, Text size, content, voice, knowlage, ___, ___ , ____ - all are perfect. Need more videos like SolidJS, Rust axum etc.

    • @TheBlackManMythLegend
      @TheBlackManMythLegend 7 หลายเดือนก่อน

      do you realise that he is not stoopid.

    • @indramal
      @indramal 7 หลายเดือนก่อน

      @@TheBlackManMythLegend why do you ask that type of question?

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      thank you 🤗. I'm not 100% sure what I'll make videos on next, but maybe some serverless things

  • @blazingfingersguy
    @blazingfingersguy 6 หลายเดือนก่อน +1

    Can't thank you enough for this Sam. It's like a goldmine of information backend into a very digestable, well edited video. Great job!

    • @Hari-mr1st
      @Hari-mr1st 4 หลายเดือนก่อน

      Exactly

  • @PaperKrane
    @PaperKrane 7 หลายเดือนก่อน +1

    Loved this. Fast paced and packed full of info. Just a request though and no expectations but I would love to see a tutorial on Bun/Hono web sockets. I can get the basics to work but the subscription/publish concept has me at my wits end haha

  • @Asghar-Hassan
    @Asghar-Hassan 6 หลายเดือนก่อน

    Excellent video. Very well organized content which was superbly explained. Will try this setup in a future project

  • @prashlovessamosa
    @prashlovessamosa 6 หลายเดือนก่อน

    sam you dont know how good you are in explaining.

  • @danish7335
    @danish7335 6 หลายเดือนก่อน

    Just finished the tutorial, don't have a idea about tanstack is as awesome as it is.. Thanks Sam for the gem

  • @testuser-i9e
    @testuser-i9e 7 หลายเดือนก่อน +3

    been waiting for this ever since you put a thread on the threads app. Finally it's time.

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +2

      It took a while to make, i'm glad it's finally out. I hope you enjoy it

  • @codewithmarcin
    @codewithmarcin 7 หลายเดือนก่อน +1

    Fantastic tutorial mate. Picked up a bunch of little tips.
    Looking forward to more videos!

  • @carlosduran5460
    @carlosduran5460 7 หลายเดือนก่อน

    Great video Sam, you've covered many of my favorite stack! Also good editing.
    I would have love to seen this as a monorepo (maybe just Bun workspaces?) but I think that's a homework for us.
    I'll try to implement this with lucia-auth too.
    Regards!

  • @saqibkhanz8417
    @saqibkhanz8417 7 หลายเดือนก่อน +1

    Thank you so much for this awesome video. Please create a project with this stack to develop an ecommerce site backend.

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Thank you. I'm probably not going to do a super long tutorial again for a while, but I like the ecommerce idea. What kind of features are you looking to learn?

    • @saqibkhanz8417
      @saqibkhanz8417 7 หลายเดือนก่อน

      @@SamMeechWard
      1. User Authentication: Secure login/logout functionality.
      2. Product Management: CRUD operations for products.
      3. Order Management: Handling orders and status updates.
      4. Inventory Management: Tracking product stock.
      5. Shopping Cart and Checkout: Adding/removing items, processing payments.
      6. Customer Management: Managing customer accounts and order history.
      7. Content Management: Editing static and dynamic content.
      8. Integration: Connecting with payment gateways and shipping services.

  • @ccy-jf3sr
    @ccy-jf3sr 7 หลายเดือนก่อน +1

    Awesome content, would be cool to see a video with this stack and a self hosted/managed auth system!

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      I would never build a self managed auth system ever again. It's a hard problem to get right, but it's already been solved by the auth services

    • @ccy-jf3sr
      @ccy-jf3sr 7 หลายเดือนก่อน

      @@SamMeechWard what about using an auth system that still keeps user data and functionality in your app, but manages it. Something like Lucia

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      I think that works for a lot of projects, but I like going fully into a service that will allow complete user and auth management. Two factor auth, login with cell numbers, user dashboard with analytics and ability to delete or suspend users, manage payment subscriptions, etc

  • @ScriptCodec
    @ScriptCodec 6 หลายเดือนก่อน

    I just learnt a whole new project structure and execution. Thank you a lot

  • @chintanbawa
    @chintanbawa 6 หลายเดือนก่อน

    51:23 My assumption, when you deployed this app on flyio for the first time, flyio, under the hood, setup DNS for the domain of this app. DNS usually takes some time(Standard time is around 48 hours but mostly it takes around 10-15 mins). And, when DNS is setup app started running.

  • @F4Z.
    @F4Z. 6 หลายเดือนก่อน

    I would love a solo react query in depth tutorial from you as i love your way of explaining things

  • @dirudeen1421
    @dirudeen1421 7 หลายเดือนก่อน +1

    Thanks a bunch Sam. I never understood this proxy thing in the frontend but now I do.

  • @joyahmed963
    @joyahmed963 7 หลายเดือนก่อน +1

    well explained 👏👏👏
    appreciate all your efforts 🙌

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Thank you, I appreciate the nice comment

  • @manticore0x80
    @manticore0x80 7 หลายเดือนก่อน

    Wow, this tutorial is really awesome! The production quality is top-notch! Thanks for all the efforts in making this.

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      You're welcome. Thanks for watching

  • @mos.martin
    @mos.martin 7 หลายเดือนก่อน +2

    It's finally here!!! Thank you Sam. This one tute I've been really looking forward to. 👨‍💻

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +2

      It's been a few months in the making, I hope you like it 🤗

    • @mos.martin
      @mos.martin 7 หลายเดือนก่อน

      @@SamMeechWard am actually starting a side project with this stack + cloudflare workers

  • @Plaswin
    @Plaswin 7 หลายเดือนก่อน +1

    Wow so clean. I'll be stealing that optimistic update method for sure 😅

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      It's super nice when something takes a while, like file upload, general slow internet connections, or llm responses. I hated SSR when I was trying to make a highly interactive app that worked with llm streaming. But this setup gives you complete control over the UX

    • @Plaswin
      @Plaswin 7 หลายเดือนก่อน +1

      @@SamMeechWard agreed. I messed up so many times managing caches from api routes vs server actions, router refresh, revalidate path etc 🙃

  • @prashantdobariya6940
    @prashantdobariya6940 7 หลายเดือนก่อน

    this type of video is only one in youtube
    amazing thanks for such a unique content

  • @devfren
    @devfren 7 หลายเดือนก่อน

    great video, moving back to client rendering is a breath of fresh air

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      I come from a background of native mobile development. I love the feeling of building something more native, event if native means a browser

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 7 หลายเดือนก่อน +1

    wow, one of the most complete videos, thank you, I was expecting something like this

  • @RileyReed
    @RileyReed 7 หลายเดือนก่อน

    This really is a fantastic video. Very clear explanations and a great stack.

  • @anuj7286
    @anuj7286 7 หลายเดือนก่อน

    This is a very helpful tutorial for learning new tech stacks. Thank you so much!

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      Awesome! Happy to hear it was useful for you!

  • @kaarthikandu
    @kaarthikandu 7 หลายเดือนก่อน

    The best and efficient stack. Great work Sam 🎉

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Thank you 🎉

  • @npx_riff_lift-g
    @npx_riff_lift-g 5 หลายเดือนก่อน

    Current website I’m working on is in this stack. It’s been really fun to mess with.

  • @npx_riff_lift-g
    @npx_riff_lift-g 5 หลายเดือนก่อน

    This video has confirmed that you’re my favorite TH-camr

  • @1995krampe
    @1995krampe 7 หลายเดือนก่อน

    Very nice!
    Recently got into front end and ui coming from back end. These videos help a lot

    • @dodoing7554
      @dodoing7554 5 หลายเดือนก่อน

      why bro coming from backend ?

  • @malvoliosf
    @malvoliosf 7 หลายเดือนก่อน +1

    Drizzle doesn’t have a selectOne, but you can do this:
    const [ user ] = await db.select().from(userTable) ...
    user will either be a user object or undefined.

  • @hamzandev9482
    @hamzandev9482 7 หลายเดือนก่อน +1

    Your new subs, from Indonesia here! 🔥

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Thank you Indonesia

  • @Tapadar.Monsur
    @Tapadar.Monsur 7 หลายเดือนก่อน

    Amazing!!! Thank you so much for this fantastic tutorial, Sam!

  • @laurentlahmy277
    @laurentlahmy277 4 หลายเดือนก่อน

    this is amazing and answers so many questions

  • @souvikmukherjee8533
    @souvikmukherjee8533 2 หลายเดือนก่อน

    Thanks 🙏 amazing tutorial

  • @Johnny-rf4iu
    @Johnny-rf4iu 7 หลายเดือนก่อน

    Completed the whole video. Thanks Sam

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      Thank you! Anything I can do better next time I make a tutorial like this?

  • @zeusek-2137
    @zeusek-2137 4 หลายเดือนก่อน

    Hour deep in video, but you earned sub, great explanation and use cases!

  • @ДмитрийРудник-г4з
    @ДмитрийРудник-г4з 4 หลายเดือนก่อน

    I enjoyed watching it, thank you)

  • @mixxxer
    @mixxxer 7 หลายเดือนก่อน

    Great style of teaching particularly with using the whiteboard to explain certain bits before diving into coding.
    One note/comment, I found your video panel to be a bit big/in the way.

  • @mikoo1991
    @mikoo1991 2 หลายเดือนก่อน

    may i ask why you dont have node_modules of api inside server folder? great video

  • @muhammadsaefulrahmat4868
    @muhammadsaefulrahmat4868 7 หลายเดือนก่อน

    I've been waited and finally he upload it, thanks bro, Its Amazing🔥🔥

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Thank you. glad you're enjoying it

  • @cornshed
    @cornshed 7 หลายเดือนก่อน

    Man, thank you so much for this video. So good.

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Glad you enjoyed it 🤗

  • @HemalRuparelia1
    @HemalRuparelia1 6 หลายเดือนก่อน +1

    Fantastic tutorial. Question - what made you swap from NextJS to this?

  • @ismi-abbas
    @ismi-abbas 7 หลายเดือนก่อน

    Great video!! Thank you Sam

    • @ismi-abbas
      @ismi-abbas 7 หลายเดือนก่อน

      @SamMeechWard why you didn't use invalidateQueries here? Are you totally avoiding refetching?

  • @photostu
    @photostu 3 หลายเดือนก่อน

    Sam, just found this vid and its really a great primer for someone who knows other frameworks springboard into React and parts of its ecosystem. Is there anyplace where you have details on the VS Code extensions you are using? I would love to give that inline TS error extension a go. Cheers and thanks for making the vid!

  • @sunflowercgaming5088
    @sunflowercgaming5088 7 หลายเดือนก่อน

    thank you Sam you are an amazing keep it up best wishes for you ....⭐❤

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Thank you 😊

  • @bahico1228
    @bahico1228 13 วันที่ผ่านมา

    thanks bruh. It's very good tutorial

  • @Scapben
    @Scapben 7 หลายเดือนก่อน

    I really like the Canva at the beginning 👌

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      Thank you, It's eraser.io

    • @Scapben
      @Scapben 7 หลายเดือนก่อน

      @@SamMeechWard yeh i know! I mainly liked the content you made with it. It was really nice to understand the architecture. It is much easier to follow with diagrams :)

  • @yourlinuxguy
    @yourlinuxguy 7 หลายเดือนก่อน

    Doing just for the algorithm, Also saving to watch later.

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      I apreciate it

  • @ScriptCodec
    @ScriptCodec 6 หลายเดือนก่อน

    Please could you explain why you chose not to use the queryClient.invalidate([queryKey]) function but manually spreading existing expenses during then futuristic update?

  • @fabrice9848
    @fabrice9848 3 หลายเดือนก่อน

    This is gold, thank you!

  • @journeyofc6200
    @journeyofc6200 6 หลายเดือนก่อน +1

    1:57:46 What if my token expires? If I have cached the details forever , the user will still be able to navigate the routes even the session has expired. I think to protect with this , we must cache the profile only until the maximum expire age of the cookie. Plus there can be bugs in your application. Like if you logout, and just press the back button , you will be able to see all the pages , because your frontend will just server the cached value of User , it will not contact the backend. You have to manually do a hard-refresh to clear the cache.

    • @madmaxdev
      @madmaxdev 2 หลายเดือนก่อน

      Great insight.

  • @guhaprasaanthnandagopal8486
    @guhaprasaanthnandagopal8486 6 หลายเดือนก่อน

    Great video, but it would've been much better if you could provide some help with configuring NeonDB, Drizzle, and the zod-form validator. There seem to have been some updates in those libraries, and I am facing some issues with configuring those in my app.
    Can you please help me with that Sam?

  • @chamithjanaka6040
    @chamithjanaka6040 7 หลายเดือนก่อน

    Thank you for the awesome tutorial..❤

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Thank you for the awesome comment..❤

  • @avishekdas4947
    @avishekdas4947 4 หลายเดือนก่อน

    Please make more projects like this

  • @GHSB7462
    @GHSB7462 6 หลายเดือนก่อน

    thanks. greetins from brazil

  • @ComisarioLobo
    @ComisarioLobo 2 หลายเดือนก่อน

    Great video Sam! I'm wondering if it is possible to have all the features offered by NextJS with a similar architecture? Have you considered creating another video but using SSR?

  • @90hijacked
    @90hijacked 5 หลายเดือนก่อน

    devops here, just digging in to add another tool to the toolbox
    can't decide if i love or hate tanstack, on one hand it plays well with shadcn on the other,
    it seems to break the workflow, both the router and form packages are finicky at best..
    But there's still the potential for all the features to work and be implemented in a concise manner
    thoughts?

  • @yutamiura9174
    @yutamiura9174 หลายเดือนก่อน

    What tool are you using for write project structure? 42:03

    • @armaanbrar6406
      @armaanbrar6406 หลายเดือนก่อน

      its called eraser io

  • @olehminko1744
    @olehminko1744 4 หลายเดือนก่อน

    Could you make a video about Monorepo setup ? How it would look like and when it's needed ?

  • @muhammadrasul1581
    @muhammadrasul1581 7 หลายเดือนก่อน +1

    I would watch any tutorial from you, I'm not a native speaker even though i speak 7 IRL languages yet i understood everything came out of your mouth, please do more of Bun cause you convinced me to switch to it from node, i want you to do fastify bun if it exists.

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      Thank you. It will probably be a while until I do another really long tutorial like this

  • @MerthanMerter
    @MerthanMerter 4 หลายเดือนก่อน

    thank you for this amazing content.
    how would you convert this to an ssr? which tech would be your goto?

  • @kasper369
    @kasper369 7 หลายเดือนก่อน

    Bun + Hono = Blazingly fast apps

  • @404-not-found-service
    @404-not-found-service 7 หลายเดือนก่อน +1

    I really liked this project, do you plan to do more full stack projects like this with deployments? or integrate something with cloudflare? Greetings and thank you!

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      Thank you. It really depends on what the demand is. I want to reach as many people as possible. I might do something with cloudflare sometime this year since that's a lot of fun

    • @404-not-found-service
      @404-not-found-service 7 หลายเดือนก่อน

      @@SamMeechWard I understand, thank you very much for your response, I am advancing with the project as I watch the subtitles in my language to guide me, the good explanation on each topic is appreciated, a hug!

  • @jcyh
    @jcyh 5 หลายเดือนก่อน

    What’s the terminal tool that can view data in table?

  • @googoochu3923
    @googoochu3923 7 หลายเดือนก่อน +1

    Any particular reason to use react vite instead of next?

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +3

      Client side rendered single page applications give you more control over the UX. I like next for my personal blog, but for interactive apps, I find it too hard to create the exact UX I want. But with CSR, I have complete control over

  • @IkromAuliaFahdi
    @IkromAuliaFahdi 3 หลายเดือนก่อน

    I tried create unit test with hono + bun, but it was error because when I run the test, it can't read the env from wrangler, how to solve it? do you have any suggestion for create unit test for hono + bun?

  • @6qat
    @6qat 6 หลายเดือนก่อน

    Are you preferring tanstack router over react router?

  • @AlameenAdeyemi
    @AlameenAdeyemi 2 หลายเดือนก่อน

    So i checked the docs and making it auto generate an openapi doc seems to be more stressful than i thought, is there a way to simplify it ?, as the createRoute seems like u have to be rewriting boilerplate codes for it to work

  • @samrathchauhan1271
    @samrathchauhan1271 7 หลายเดือนก่อน

    How kind of kinde to sponser the video & making auth so much easier. Thanks for the awesome video :)

  • @arystanbekjetisy7329
    @arystanbekjetisy7329 7 หลายเดือนก่อน

    What filestorage you can recommend for this tech stack?

  • @gamingwolf3385
    @gamingwolf3385 6 หลายเดือนก่อน

    Great video , i will watch it in 4 or 5 parts , but remember don't use number input, its the worst
    There is an article in stackoverflow blog about it
    Use text input with inputMode numeric and format="[0-9]"

  • @asadmehboob1300
    @asadmehboob1300 6 หลายเดือนก่อน

    Hi, Greate Video can i serve my nextjs build on hono and use as static files , so that when i deploy my nextjs and Hono, i use as a single app?

  • @hashirnouman8355
    @hashirnouman8355 6 หลายเดือนก่อน

    bunx command for shadcn not working it is throwing this error "error: could not determine executable to run for package shadcn-ui"

  • @carlosa.lermaramirez2580
    @carlosa.lermaramirez2580 6 หลายเดือนก่อน

    when I use sessionManager with cookie management it doesn't work for me

  • @pkingo1
    @pkingo1 7 หลายเดือนก่อน

    Do you use react server components with this stack?

  • @patrickjreid
    @patrickjreid 6 หลายเดือนก่อน

    Oh man, everything moves too fast. I am 2:20:00 in an now auth is completely broken. And there are too many dependencies, so I have absolutely no clue what went wrong. But it is definitely something with fly and kinde.

  • @Mmk-dn1fi
    @Mmk-dn1fi 2 หลายเดือนก่อน

    Do you favor avoiding nextjs now? If so why?

  • @brennenrocks
    @brennenrocks 7 หลายเดือนก่อน

    What is the reason you went with Vite and Vanilla React vs Nextjs? Any concern with SEO?

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน

      I can make a better UX using this stack. Next.js is more constrained. I explain it more here twitter.com/Meech_Ward/status/1786062671206551862
      But in the end, you should build the app for the end users, not for the SEO bots. Also, you can achieve the same levels of SEO that next allows by serving a different set of things to the bots. You can do this manually or use something like prerender

  • @LearnWithBakar
    @LearnWithBakar 7 หลายเดือนก่อน

    How Can I cover SEO in this stack?

  • @St0rMsk
    @St0rMsk 7 หลายเดือนก่อน

    Hi Sam Amazinng video. Truly special.
    I was just wondering, is there any way, how to deploy this to serverless env. Like vercel or netlify?
    If so, it would a great video on how to set it pu
    Thank for response.

    • @SamMeechWard
      @SamMeechWard  7 หลายเดือนก่อน +1

      Thank you. This was setup to be completely server full and that's how I usually start a project when there's lots of unknowns. You could transition this to serverless, but you probably wouldn't use bun anymore, just node on lambda or cloudflare workers or llrt or whatever. The great thing is that the hono code can pretty much stay the same on all of these, but you would need to change the structure a bit to work on serverless
      I probably won't make any big video on that kind of stuff anytime soon, unless there's lot of demand for it. However, if you try getting started with sst.dev, you'll be on the right path