Build a Complete SaaS With Next.js, Tailwind, React, Hono.js (2024)

Поділитися
Вставка
  • Опубліковано 16 січ 2025

КОМЕНТАРІ • 202

  • @joshtriedcoding
    @joshtriedcoding  2 місяці тому +143

    appreciate your support so much

    • @coding-master-shayan
      @coding-master-shayan 2 місяці тому +2

      Which video editor app do you use brother?

    • @anime_edits_0962
      @anime_edits_0962 2 місяці тому

      Nice bro we want more content like that

    • @AmirShakeel-kt6jg
      @AmirShakeel-kt6jg 2 місяці тому +1

      Josh a lot of love from Pakistan 🇵🇰 ❤❤❤❤❤❤❤❤❤

    • @coding-master-shayan
      @coding-master-shayan 2 місяці тому

      @@joshtriedcoding hey, brother can you create a video about how we can build our career in web development like you, should we publish videos on UA-cam, if yes then can we do that without spending more money? Can we create a UA-cam channel with minimal setup like a phone, and a laptop

    • @coding-master-shayan
      @coding-master-shayan 2 місяці тому

      And may be without installing video editing tools on system. 😅

  • @shubhamtiwari4581
    @shubhamtiwari4581 2 місяці тому +18

    Seriously, you have improved the way you teach; now you are explaining every single detail. Thank you very much!

  • @404-not-found-service
    @404-not-found-service День тому

    I really like the way you teach to type the data correctly and see how you're thinking and advancing each case, grateful for these 12-hour projects that you explain step by step, since they take a lot of your time, but I really appreciate it and thank you.

  • @oluwaseunladeinde410
    @oluwaseunladeinde410 2 місяці тому +8

    My Nextjs is really good now, thanks to you, Josh. I am grateful for the content you share and for taking the time to explain concepts, architecture design decisions, etc. The community keeps getting better with you around.
    Josh, just a quick note (11:16) , I think you should check if the user is on a FREE plan before creating the Stripe Session if he tries to login from the pricing page else it will be tantamount to double charging the user who is already on the PRO plan.
    Cheers to you big time for the incredible work!!!!!!

  • @Teckstudio
    @Teckstudio 2 місяці тому +18

    Big shoutout to clerk for giving Josh the money, so that he can do what he's doing best: Trying to code and let us be a part of it! THANX!!! 🤩

  • @keshavakumar9828
    @keshavakumar9828 2 місяці тому +7

    You are the reason why i love js so much. Your videos have helped me so much and I have always recommend someone who wants to build and learn to watch your videos

  • @MountainDew-r6w
    @MountainDew-r6w 2 місяці тому +6

    This is exactly what I wanted to exist on UA-cam!
    Josh you did it first it seems :3

  • @mohsinzia8566
    @mohsinzia8566 2 місяці тому +4

    You have done what only few people would do. This video received even less views and comments than normal length videos but you didnt care about all this and still dropped this banger of a tutorial! Much love from Pakistan♥

  • @flexcoder
    @flexcoder 2 місяці тому +27

    You literally dropped a bomb this Diwali. Happy Diwali to all💣🎉

  • @CodeSnap01
    @CodeSnap01 2 місяці тому +3

    Wow, josh it's such a blessing to learn so much for free.

  • @chrispanda9677
    @chrispanda9677 Місяць тому +1

    This might be one of the most beautiful landing pages I've ever seen :D

  • @stefironlee9317
    @stefironlee9317 Місяць тому

    Man there are good teachers out there but your mood and way to explain things are something else, rly rly awesome and thank you !

  • @ernst367
    @ernst367 2 місяці тому +4

    Glad to see you back Josh🎉

  • @PreetimanMisra
    @PreetimanMisra 2 місяці тому +2

    That intro reminded me of Javascript Mastery so much! Great video as always 😊

  • @janardhanpgouda4130
    @janardhanpgouda4130 2 місяці тому

    Thanks, man! I've been at this for six hours, and the concepts and tech are thoroughly explained. Keep up the good work-cheers! 🍾🍾

  • @n3wtou
    @n3wtou 2 місяці тому +2

    Looking forward to building this project. Amazing work Josh. 🔥🔥

  • @TNT_PEROX
    @TNT_PEROX 2 місяці тому +1

    Amazing project Josh 👍 nice to see you back with this type of content

  • @Szachrajek
    @Szachrajek 2 місяці тому

    Josh, just three words: Wow & Thank you!
    Nice to see you back again!

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx 2 місяці тому +1

    Josh's tutorials are top notch in their category😍
    Yeah I like hono js very much with next js

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 2 місяці тому

    Thanks Josh, I've been waiting for a new project with Hono and Next for a while, it's appreciated.

  • @r-ddle
    @r-ddle 2 місяці тому +3

    2:15:49 for Windows users you can do 'Win + .' to open the emoji picker

  • @ansaritech3234
    @ansaritech3234 2 місяці тому +3

    Finally we will learn best practices of next js with High level Production code❤❤🎉🎉 Thnkew Soo Much❤

  • @shubhamrasal8930
    @shubhamrasal8930 2 місяці тому

    Great video. Thanks for putting in so much effort and pulling it through till the end.

  • @goodchoice9562
    @goodchoice9562 2 місяці тому

    Josh is such a genius. Thank you for giving us all these amazing projects for free. We appreciate man

  • @rossqueripel5037
    @rossqueripel5037 2 місяці тому

    Just followed along with the Discord part... absolutely brilliant!!

  • @ItsD3vil
    @ItsD3vil 2 місяці тому

    Josh.. just thank you for what you are providing to the community

  • @afdhaliapreto7703
    @afdhaliapreto7703 2 місяці тому

    thank you josh.. you 're the best in the world. with this, makes me life easier as solo fullstack dev

  • @07bakabaka
    @07bakabaka 2 місяці тому

    amazing josh greetings from Mexico really amazing your videos , please keep sharing many more

  • @QuickRod
    @QuickRod 2 місяці тому

    Already watched the whole video, and can absolutely say it's perfect!!

  • @mick3yoroz586
    @mick3yoroz586 2 місяці тому

    Had to like the video purely on the amount of time and effort you put into it. Respect

  • @mranderson3441
    @mranderson3441 2 місяці тому

    God bless you, Josh. I cant imagine how much effort you put to make this tutorial. I put a like even before watching the video 😊

  • @dreamsachiever212
    @dreamsachiever212 2 місяці тому

    again with a full bang lets' go 🔥 🔥. Thank you for the hard work

  • @gabrielbianchi2246
    @gabrielbianchi2246 2 місяці тому

    Hi everyone just a reminder that this incredibly beautiful resource is absolutely F R E E E.
    Amazing work, amazing effort!!

  • @TonyLe-q3c
    @TonyLe-q3c 2 місяці тому

    Thank you for this. This will be my weekend project.

  • @BahaaAldein10
    @BahaaAldein10 2 місяці тому

    Wow, that's amazing, Josh! 🎉😊

  • @marioskanellopoulos8780
    @marioskanellopoulos8780 Місяць тому

    Amazing video once again man! I love your passion and the way you trying to teach us. Another mind-blowing video. Keep up the hard work dude. You're doing an amazing job already. Sound a bit like you but you get my point. 🔥🥳

  • @markus_dev_cwb
    @markus_dev_cwb 2 місяці тому +1

    Amazing project Josh!!!

  • @abd9641
    @abd9641 2 місяці тому +1

    Gonna start now , looking great and excited to learn 😀

  • @snakeeater6743
    @snakeeater6743 2 місяці тому

    Amazing project can't wait to coded all along with you
    Thank you for the great content ❤

  • @xs-3
    @xs-3 2 місяці тому

    Missed your videos so much bro. Absolute W

  • @CarlosCostaCarvalho
    @CarlosCostaCarvalho Місяць тому

    that's something amazing bro... thank you for sharing this!

  • @learner-vk5
    @learner-vk5 2 місяці тому

    if there are teachers like Josh then I have no problem learning forever. (Thanks mate for not charging for source code like everyone else 👍)

  • @Chris...S
    @Chris...S 2 місяці тому +9

    Hey Josh, the trick to upload videos to YT longer then 12hrs is the following:
    Upload the video from a pc or Mac. Once it gets to 50% refresh the page. It will then prompt to resume. DON'T wait 24hrs then resume. This works because YT limit is 12hrs or 256GB which ever comes first. What they don't mention is that is per 24hrs. So by pausing it and waiting 24hrs you can then upload up to 24hr video or more depending how many days your willing to take to upload it. It will just take you a couple days to do so. But pls if you ever make a video 24hrs break it in 2 parts. I see many FS NextJs videos around the 15hr or 16hr mark.

  • @Runwithmeee
    @Runwithmeee 2 місяці тому

    josh, you are simply the best. no cap.

  • @tommy0110-b5p
    @tommy0110-b5p 2 місяці тому

    waited for it danke mannnnn thanks Bruder ❤❤❤

  • @EthanHunt-z8r
    @EthanHunt-z8r 2 місяці тому

    Your video has been so helpful keep the good work

  • @itachouille5127
    @itachouille5127 2 місяці тому

    This landing page dude 😍 Josh the boss

  • @ZynthCode
    @ZynthCode 2 місяці тому

    Damn, well done. Would love to know more about the work involved in creating these videos/series :3

  • @saidevdhal
    @saidevdhal 2 місяці тому

    Am gonna take your this Idea to another level.

  • @arbabkamal3629
    @arbabkamal3629 2 місяці тому

    Finally something for weekend 🎉🎉

  • @EmmaLovesCoding
    @EmmaLovesCoding 2 місяці тому +1

    welcome back josh ! where d fu*k have you been , i have missed you!😂

  • @mileslegend
    @mileslegend 2 місяці тому

    What did we do to deserve you .....Your a gem thanks for the free content ..i will put in the time ...and effort to build this with you

  • @orzarhi
    @orzarhi 2 місяці тому +2

    We missed you!! 🎉❤

  • @avparadox
    @avparadox 2 місяці тому

    Thanks Josh for making it ❤

  • @starnine-b6b
    @starnine-b6b 2 місяці тому +5

    Bro went from promoting UpStash to joining it!

  • @insensibility
    @insensibility 2 місяці тому

    Dude, you are heaven sent.

  • @CopVault
    @CopVault 2 місяці тому

    wtf bro you are absolutely a genius

  • @code-env
    @code-env 2 місяці тому +1

    Josh really thanks you for this great banger. already around the 5th hour and it's really interesting. In the video you need mention Cloudflare a lot. Idk if you can create a separate video on how to deploy the jstack on cloudflare as an alternative to vercel.

  • @subashkarki676
    @subashkarki676 2 місяці тому

    Wow, thank you for this tutorial 🔥🔥🔥

  • @jaydecanon1314
    @jaydecanon1314 15 днів тому

    If this teach me to glue my tutorial hell skills together, I'm going to do a subcomment of what I've learned and subscribe to Josh! See you next week.

  • @mzafarr
    @mzafarr 2 місяці тому

    Thanks a lot man!! Video idea recommendation: production ready deployment stuff.

  • @edgarasben
    @edgarasben 2 місяці тому

    That’s where you’ve been! 👏

  • @viper_eyes
    @viper_eyes 2 місяці тому +1

    I really enjoyed the video but I have 1 suggestion, next time if you are going to do something like that in the future , just save on every step so we could see the result when it comes to UI , and FYI , windows has built-in emoji with Windows Key + . there is no need for extension 😜

  • @amitupadhyay789
    @amitupadhyay789 Місяць тому

    ❤ and respect from India

  • @mylearningyt-x5v
    @mylearningyt-x5v Місяць тому

    i am watching these kinda videos you are creating for us and they are fuck amazing i love you content , you got new sub

  • @rasmic
    @rasmic 2 місяці тому

    this guy cooked a banger!!!

  • @devwithzain
    @devwithzain 2 місяці тому +1

    may god bless you ❤

  • @ksg7882
    @ksg7882 2 місяці тому

    Please keep up with your videos. Exciting projects from scratch shows your dedication

  • @dreamsachiever212
    @dreamsachiever212 2 місяці тому

    let's go and give a star to the repo as well. the least we can do

  • @StynerDev-DominicanUniversity
    @StynerDev-DominicanUniversity 2 місяці тому

    Thank you so very much dear! 🎉❤🎉🎉

  • @Samarth_Kamble
    @Samarth_Kamble 2 місяці тому

    Bro you waited us for long time 😭😭

  • @GTexperience_Channel
    @GTexperience_Channel 2 дні тому

    Hey Joshtriedcoding,
    I was wondering how the back-end server was implemented in this project. U didn't really go over it in the intro. Do u have a non next.js server running behind it that would work on for example a linux machine? Cause I noticed from a lot of video's that they don't recommend using next.js as the back end.

  • @amarAliz
    @amarAliz 2 місяці тому

    Thanks ! from Egypt

  • @sachinyadav2460
    @sachinyadav2460 2 місяці тому

    Great demo. Hi Josh, it would be really helpful if you could explain the pricing part also. I know for first few users it will be of no charge, but I really wanted to know how you decide the stack including all the platforms based on the pricing if site get the ample amount of traffic. I hope you got me.

  • @NizzyABI
    @NizzyABI 2 місяці тому

    YES

  • @abdullah_mufti
    @abdullah_mufti 2 місяці тому

    Your work is awesome,

  • @alessandro_carta
    @alessandro_carta 2 місяці тому

    U N B E L I E V A B L E 🤯😱

  • @zennzei
    @zennzei 2 місяці тому

    LOVE YOU, JOSH!!!

  • @CarlosCostaCarvalho
    @CarlosCostaCarvalho Місяць тому

    any plans to create a video like this but using next-forge that you reviewed a few days ago ?

  • @NextGenSellPOS
    @NextGenSellPOS 2 місяці тому

    Great Intro. I see you also watch Web Prodigies 💯

  • @itwasntme947
    @itwasntme947 2 місяці тому

    appreciate this so much.

  • @Next-Js
    @Next-Js 2 місяці тому

    La Cucaracha.......la cucaracha.... Thanks Josh!

  • @johnpaulpineda2476
    @johnpaulpineda2476 2 місяці тому

    Yo josh, i love you! (I'm straight, i promise.)

  • @abhishekc3556
    @abhishekc3556 2 місяці тому

    Lets go mate 🔥🔥

  • @pilonbyte
    @pilonbyte 2 місяці тому

    this is with next 15 ? awesome content !

  • @tobitacklestech
    @tobitacklestech 2 місяці тому

    Awesome! 🤩

  • @Mohak-Bajaj
    @Mohak-Bajaj 2 місяці тому

    Hey josh! It's a good project dude. Loved it.
    BTW when will the docs for the jstack be available?
    Edit: Fix some typos 😅😅

  • @whereisartist
    @whereisartist 2 місяці тому

    Damn 12hours you are crazy man

  • @adamkenton2585
    @adamkenton2585 2 місяці тому

    idea for next project : visual board maker ? Something like Miro ?

  • @nivindulakshitha
    @nivindulakshitha 2 місяці тому

    Love ya 😊❤

  • @AlexM86
    @AlexM86 2 місяці тому

    Actually neon expanded their free tier to have 10 dbs which is great for multiple side projects if you don't want to mess with table prefixes

  • @gbrachetta
    @gbrachetta Місяць тому

    This app would be spectacular if you added an extra “appendix” video to fur the polish it, add error handling in the client, preventing free plans from exceeding the quota, etc

  • @mohsinzia8566
    @mohsinzia8566 2 місяці тому

    3:46:10 kevin powell reference😉

  • @sebastard33
    @sebastard33 19 днів тому

    hey ever thought of using neovim?

  • @vokyex
    @vokyex 2 місяці тому

    feedback: i'm in the demo currently, would be nice if you showed the url as you're interacting with the app so we can see how the state changes

  • @simonfreemen3489
    @simonfreemen3489 2 місяці тому +1

    😥😥 I followed along, but it won't deploy, I'm getting this error:
    `Error: The Edge Function "api/[[...route]]" size is 1.06 MB and your plan size limit is 1 MB. `

  • @gom-jabbar
    @gom-jabbar 2 місяці тому

    This is my next day 😄

  • @OmarFaruk-bz4gw
    @OmarFaruk-bz4gw 2 місяці тому

    Many many thanks

  • @legcyyt
    @legcyyt 2 місяці тому

    18:31 why the home function is async , isn't it's not create any impact here

  • @benjaminbloot6917
    @benjaminbloot6917 Місяць тому

    Hey, great course! I hope this question finds you :)
    I see you're getting the currentUser on every page, and redirecting if not authenticated. Isn't ClerkMiddleware perfect for this?
    export default clerkMiddleware(async (auth, req) => {
    if (isProtectedRoute(req)) await auth.protect()
    })
    also, aren't server actions a perfect use-case for returning the user on every page.tsx?
    (currently using this tutorial for my own implementation of a SaaS!)