Build and Deploy a Saas Podcast Platform in Next.js

Sdílet
Vložit
  • čas přidán 29. 06. 2024
  • Build a unique Software-as-a-Service app with AI-powered features like text-to-multiple-voices functionality and AI-generated images with Next.js 14 and Convex.
    ⭐ Convex - convex.dev/c/jsmastery
    🌟 Clerk - go.clerk.com/VFH8CMR
    🎨 AI Podcast App Figma Design - resource.jsmastery.pro/ai-pod...
    📘 Ultimate ChatGPT Handbook Guide - resource.jsmastery.pro/chatgp...
    🤖 Special Discord Forum - resource.jsmastery.pro/ai-pod...
    🌟 Become a top 1% Next.js 14 developer: jsmastery.pro/next14
    🚀 Skyrocket your career in 4 months: jsmastery.pro/masterclass
    📚 Materials/References:
    GitHub Repository (give it a star ⭐): github.com/adrianhajdin/podcastr
    README (assets & code): github.com/adrianhajdin/podca...
    Time Stamps 👇
    00:00:00 - Intro
    00:06:05 - Setup
    00:20:30 - File & Folder Structure
    00:28:40 - Left Sidebar
    00:43:33 - Homepage Layout
    00:59:07 - Convex Setup
    01:19:53 - Clerk Setup
    01:45:18 - Create Podcast Page
    02:10:03 - Generate Podcast
    02:25:35 - Integrate Open AI
    02:50:57 - Generate Thumbnail
    03:35:00 - Displaying Podcasts
    03:38:50 - Podcast Details Page
    04:05:10 - Right Sidebar
    04:38:40 - Podcast Player
    04:59:50 - Discover Page
    05:15:30 - Mobile Nav
    05:23:24 - Profile Page
    05:33:33 - Deployment

Komentáře • 461

  • @heryad_me
    @heryad_me Před 28 dny +238

    this man casually builds saas platforms in couple hours and unlike fake gurus he's doing it for us for free !, you are a legend

    • @javascriptmastery
      @javascriptmastery  Před 28 dny +13

      Appreciate it!

    • @user-tu8kw1sw1x
      @user-tu8kw1sw1x Před 28 dny +13

      That's not couple of hours, it's actually weeks and sometime months, he presents it in a way that feels like he's doing it very fast.
      BTW what he's doing is highly appreciated.

    • @VGS_7
      @VGS_7 Před 28 dny

      ya he is doing unbelievable thing but last time his Saas AI image builder he created the clerk middlewire was depricated and show problems in authentication

    • @SILASGAH
      @SILASGAH Před 28 dny

      where is the SaaS in here without the payment by users

    • @heryad_me
      @heryad_me Před 28 dny +1

      @@SILASGAH that’s the beauty of development, figure it out and implement it, no one is giving you out everything for free 😉

  • @francisnjugunaldc
    @francisnjugunaldc Před 28 dny +75

    To be honest your content is better than a lot of paid courses out there you keep us posted on the latest technologies and build Cool stuffs and if that was not enough it's all free, thanks man you're really a blessing to the devs community ❤🎉😊

  • @Rohit-Rai732
    @Rohit-Rai732 Před 28 dny +29

    Want more AI SaaS applications like this

    • @javascriptmastery
      @javascriptmastery  Před 28 dny +9

      More to come! :)

    • @marcc0183
      @marcc0183 Před 28 dny

      ​I had come up with a platform where you can lose the fear of speaking in public by training with an AI in real time, that corrects your fillers, that has vision so that it can see your gestures and that can even respond to you as if you were talking to it in real time like a meeting or videocall, but I don't know how to do it, I think we would learn a lot about AI and nextjs ​@@javascriptmastery

  • @darioadamovic5545
    @darioadamovic5545 Před 16 dny

    Hajdin, svaka ti čast, vidi se ogromna količina uloženog truda i znanja da ovako efikasno izradjuješ projekte i prenosis znanje bolje nego profesori. Najjaci si na ovoj platformi, čestitam 🎉

  • @diegolopes332
    @diegolopes332 Před 28 dny +10

    I'm from Brazil, and I was looking for a project like this. Simply wonderful my friend. All the success in the world to you.

    • @deliveryproductstore7548
      @deliveryproductstore7548 Před 28 dny +2

      Fala Diego, também sou daqui do RJ e tenho alguns projetos sendo desenvolvido. Vc tem background em programação? Queria fazer parcerias

    • @javascriptmastery
      @javascriptmastery  Před 28 dny +1

      Thank you!

  • @chiawuese
    @chiawuese Před 28 dny +6

    I came online looking for information on how to build and deploy a Next-Gen text to multiple voices talking Avatar, and landed on your channel. like I was amazed by the sheer amount of free content you offer. It was like finding a treasure trove of information I got so emotional realizing that you actually spend hours creating these high quality courses for free? I almost went crazy for like 3 hours playing every video like am trying to decide which one to start with. Thank you so much for all your hard work. You are truly amazing.

  • @ovangii
    @ovangii Před 21 dnem

    Every time I watch what we are going to do, I get excited. Thank you for sharing all your knowledge. I am so grateful that I can learn from you.

  • @stranger9951
    @stranger9951 Před 24 dny +2

    Kindly add this to any of your playlist because I'm going to watch and code along to all of them videos in your playlists. Sorry for my demand. Thank you so much for this channel. You are a legend!

  • @uhk2150
    @uhk2150 Před 28 dny +21

    Andrian you are GOAT.. I was watching your last video as i got a assignment from a company for 1st coding challenge. Thanks to you

  • @stevedcase
    @stevedcase Před 28 dny +3

    Adrian, you truly are the GOAT, my friend. Your amazing projects, in-depth topic knowledge and gifted teaching ability is truly in a league of its own.

  • @frontendsafari
    @frontendsafari Před 28 dny +4

    This is amazing, I have been brainstorming on working on an AI powered SaaS so this was perfect timing. Thanks Adrian

    • @javascriptmastery
      @javascriptmastery  Před 28 dny +1

      Perfect!

    • @Alerrrrrt
      @Alerrrrrt Před 27 dny

      Bro like why?) u can’t make any profit on it ,and if it’s for portfolio or whatever it’s still useless

    • @frontendsafari
      @frontendsafari Před 26 dny

      @@Alerrrrrt It's all about learning, and using your new found knowledge to actually work on a project of your own. We're not just here to copy paste.

  • @syedahmedullahjaser1150
    @syedahmedullahjaser1150 Před 28 dny +3

    most anticipated video of 2024!

  • @trading-university.
    @trading-university. Před 28 dny +2

    Wow, this is immense. Looking forward to complete it, thanks

  • @dylanwright7435
    @dylanwright7435 Před 28 dny +3

    Insane video! Way better then any paid course I have seen on Next.js and Convex. Thank you for such a great video!

  • @HimanshuKumar-yh7ox
    @HimanshuKumar-yh7ox Před 28 dny +5

    This is next level project.
    Thanks Adrian❤ for providing such a amazing course.

  • @oduber.vasquez
    @oduber.vasquez Před 27 dny +1

    Once again, grateful for sharing your knowledge. Very excited about this content! Greetings and many successes!

  • @sh3r1ff50
    @sh3r1ff50 Před 28 dny +4

    It was Perfect...Perfect...down to the last minute details.😊

  • @praisealimi6303
    @praisealimi6303 Před 28 dny +2

    This man!
    A gift that keeps giving!

  • @SelfTalk0
    @SelfTalk0 Před 28 dny +1

    I'm glad I found your channel ! It feels so unreal. Thank you, really.

  • @krateskim4169
    @krateskim4169 Před 28 dny +1

    Thank you so much man, you're a hero, I landed a new job because of your react content.

  • @riteshKumarWebDeveloper
    @riteshKumarWebDeveloper Před 27 dny +1

    Thank you so much for this knowledge. We all really appreciate it and you are providing all this for free. Thanks

  • @DuongNguyen-wf7yh
    @DuongNguyen-wf7yh Před 28 dny +3

    This video is so good, I hope you can make more videos like this. This man deserves 1 million subcribers

  • @Ebikyla
    @Ebikyla Před 27 dny

    I really appreciate and love all your video❤. Thanks for putting out all these knowledge and skills out here 🙌🙌

  • @ZOLTIQ
    @ZOLTIQ Před 26 dny

    This is absolutely amazing thank you so much, I see the course on your website seriously thank you.

  • @syedumairnaeem6724
    @syedumairnaeem6724 Před 28 dny +1

    Just Incredible. One of the best ways to use AI indeed. Can't wait to get started with building this amazing App.

  • @mishucodes6982
    @mishucodes6982 Před 28 dny +2

    You are rocking bro 🔥
    Keep up the good work ❤

  • @anrzdev
    @anrzdev Před 18 dny

    I was watching some of your videos and the content is amazing

  • @user-tx6ko9qe2r
    @user-tx6ko9qe2r Před 28 dny +1

    Wow.. I am just waiting for Next new video........Thanks to you Andrian

  • @ccallen2364
    @ccallen2364 Před 28 dny +2

    These are incredible! Thank you so much!!

  • @olajidemubarak1775
    @olajidemubarak1775 Před 28 dny +1

    Adrian is amazing! Kudos to you; your tutorial has helped me learn so much more.

  • @mcorreauy
    @mcorreauy Před 28 dny +1

    Thank you very much for sharing your talent and hard work with us. Greetings from Uruguay!

  • @taiwojolomi2638
    @taiwojolomi2638 Před 28 dny +1

    First to comment
    Thank you for always coming through Adrian and the JSM team... Much love from Nigeria

  • @HDSV10
    @HDSV10 Před 28 dny +2

    Bro your the only person helps students to learn more every month I'm excited with new content lvu your videos sir

  • @virajmadhushan813
    @virajmadhushan813 Před 23 dny

    The best YT channel. Thank you so much🙏

  • @josephthawn4722
    @josephthawn4722 Před 28 dny +2

    Thank you Adrian, this is amazing!

  • @Ari-pq4db
    @Ari-pq4db Před 28 dny +1

    You are the GOAT bro 🐐, Thank you for explaining these in such details , I can't believe the level of quality you are providing 🔥🔥🔥❤❤❤

  • @mohammadabbas1623
    @mohammadabbas1623 Před 28 dny +1

    Another weekend Another masterpiece

  • @victocode
    @victocode Před 28 dny +1

    Coding away in the dead of night, living my coding dreams, when suddenly the video had to END at 58:03. Almost had a full-blown coding meltdown, but then realized this was all just a prank - thanks for the free tutorial JSM 🙏🙏🙏🙏🙏!

  • @gumisirizaemmanuel2411
    @gumisirizaemmanuel2411 Před 28 dny +2

    This is so amazing, thanks man. Your my mentor

  • @revanthreddy790
    @revanthreddy790 Před 28 dny +1

    damn another new video, cant wait to start on it!

  • @Simple_OG
    @Simple_OG Před 28 dny +1

    Bro I was just thinking about you and you dropped a new video 😇

  • @CodeThinker47
    @CodeThinker47 Před 28 dny +2

    This is a wonderful ai saas platform thanks for this effort

  • @BigBrother4Life
    @BigBrother4Life Před 28 dny +1

    Subscribing to this channel, best decision ofy life. Never skipping ads mate.

  • @code-crazee
    @code-crazee Před 28 dny +2

    This man made me a fan of web dev. Due to him I am a web developer. And big fan of him.

  • @Applecitylightkiwi
    @Applecitylightkiwi Před 28 dny +1

    Another great design, what a hero

  • @voice_of_reason254
    @voice_of_reason254 Před 28 dny +1

    Just a few seconds viewing the video...and am ready to make it a business idea...Adrian you never disappoint much love ❤

  • @suryakantasinha
    @suryakantasinha Před 28 dny +2

    Awesome Adrian sir🤩

  • @user-el9tg4tu6v
    @user-el9tg4tu6v Před 28 dny +3

    just fire bro 🔥

  • @0909J-USA
    @0909J-USA Před 28 dny +1

    Well I know what I will be doing this week. Can’t wait to get started. If I wasn’t so poor, I would buy all this guys courses. He really makes learning fun.

  • @prospermbuma
    @prospermbuma Před 28 dny +2

    Bro, You are a blessing to many of us
    Stay blessed forever 🙌♥🔥

  • @bobrob-ew2ly
    @bobrob-ew2ly Před 28 dny +1

    Like I said before homie do what you doing and don't change a thing! I owe you so much homie for teaching me how to fish🎣. If ever in San Antonio hit me up, I got you, Real Talk!
    Mad love and respect! 💯

  • @Momen_Refaey
    @Momen_Refaey Před 28 dny +1

    The world's best CZcams content maker without a compliment ❤

  • @user-mh1km3mv7z
    @user-mh1km3mv7z Před 24 dny

    Thanks !! easy to spin up and a pretty unique idea
    tons of things to learn and for people who are already decent w/ react there's tons of more features to add :_)

  • @ahmedbahnasy2243
    @ahmedbahnasy2243 Před 11 hodinami

    Amazing work bro💪

  • @bro-watch
    @bro-watch Před 28 dny +1

    Awesome content! ❤

  • @rajendrakole5449
    @rajendrakole5449 Před 22 dny

    Great Video Adrian❤
    Love from India🇮🇳♥️

  • @virajkoradia7468
    @virajkoradia7468 Před 28 dny +2

    Awesome man ❤❤❤

  • @augustofilipe5553
    @augustofilipe5553 Před 28 dny +1

    You are my mentor , your the best channel for CZcams man are you the God for lernin programe

  • @ianmasae3457
    @ianmasae3457 Před 22 dny +1

    🎉 I love your tutorials! I recently started working on a SvelteKit PWA, and I wish you would make a tutorial on Svelte.

  • @user-fh1cz2ty3v
    @user-fh1cz2ty3v Před 28 dny +1

    when i want to buy courses i remeber your content , I`m from Syria , Thanks Adrian ❤❤

  • @AHMEDYASSER-up6yx
    @AHMEDYASSER-up6yx Před 28 dny +1

    This is incredibly awesome 😎 you are the best

  • @TewoldeMarie
    @TewoldeMarie Před 28 dny

    you are outstanding bro ..... I have a great thanks for your free service 😍

  • @DigitalEchoVibe
    @DigitalEchoVibe Před 28 dny +1

    You are changing my life , Thank so much

    • @javascriptmastery
      @javascriptmastery  Před 28 dny

      So happy to hear

    • @varishtyagi1469
      @varishtyagi1469 Před dnem

      ​@@javascriptmastery Sir I have one doubt is the openai API does not work free credits so how I purchase openai API

  • @AC-pr2si
    @AC-pr2si Před 25 dny

    Great video man..Thanks!!

  • @tfdesign4072
    @tfdesign4072 Před 28 dny

    this is the best channel on youtube

  • @igorhideki95
    @igorhideki95 Před 28 dny +2

    :D thank you our hero !

  • @razzaqmohammedali4653
    @razzaqmohammedali4653 Před 28 dny +1

    As usual one of the best content by Adrian, could you make betway clone haven't seen anything like that

  • @abdulazizsudi1974
    @abdulazizsudi1974 Před 28 dny +1

    Huge respect and admiration for you. Please consider multi-tenant saas app next time

  • @emmanuelscott1141
    @emmanuelscott1141 Před 28 dny +1

    God bless you brother. This is very helpful

  • @bongumenzinzama6896
    @bongumenzinzama6896 Před 28 dny +3

    We need another name to describe someone above the status of a legend just for you.

  • @inelusjudelin4635
    @inelusjudelin4635 Před 28 dny +1

    You're the real goat man👌

  • @alammorais
    @alammorais Před 22 dny

    You are amazing , I'm your fan my brother

  • @varshakapil8224
    @varshakapil8224 Před 27 dny

    Best channel in the world

  • @semilogopaul
    @semilogopaul Před 28 dny +2

    Thanks to you I feel like I can build anything, I'm currently building something big. Anticipate guyss

  • @uneogamer6499
    @uneogamer6499 Před 11 dny

    You are giving us permission to use this app commercially. Yiu are great ❤.

  • @abdulsalamumarbarambu6371

    This is just booommmm💥💥💥

  • @Flame-xdd162
    @Flame-xdd162 Před 28 dny +1

    Loveee youuu bro ❤

  • @adeyemiowolabi6062
    @adeyemiowolabi6062 Před 28 dny +2

    Thou areth great! 🙌 🙇🏽‍♂️

  • @JAMALGOVING
    @JAMALGOVING Před 28 dny +3

    You are amazing❤

  • @ahmadwaheed8003
    @ahmadwaheed8003 Před 28 dny +1

    Just want to thank you. Love from Pakistan

  • @ShivansMaurya24
    @ShivansMaurya24 Před 28 dny +1

    Wow such a great project .

  • @esfantasticuser
    @esfantasticuser Před 27 dny +1

    hey man, you kind of awesome, how would you did these stuff with the clear understanding.., Really great man, Love you buddy ❤❤❤❤

  • @hkhdev95
    @hkhdev95 Před 28 dny +1

    love you man

  • @marshallalkarim5385
    @marshallalkarim5385 Před 28 dny +2

    Adrian you're trully gold, I have an Idea, Would the next project would like point-of-sales and cashier software, that has a dashboard, role based access something like that, please because i really need it🙏🙏🙏

  • @sathirabandara7981
    @sathirabandara7981 Před 28 dny +1

    This is amazing... ❤🤩

  • @obohbarnabas5609
    @obohbarnabas5609 Před 28 dny +2

    Just wow!

  • @RCanaCH
    @RCanaCH Před 28 dny +1

    You're awesome dude XD

  • @Iamvijaypotnuru
    @Iamvijaypotnuru Před 28 dny +2

    ❤😍😍😍No words

  • @ahmadwaheed8003
    @ahmadwaheed8003 Před 28 dny +1

    Your content 🔥

  • @thereaper7682
    @thereaper7682 Před 28 dny +5

    0:05 this Joe rogan reaction is always insane 😂

  • @AbhishekVerma-yw1ps
    @AbhishekVerma-yw1ps Před 28 dny +1

    No way he is doing these legacy projects free for us 😮‍💨😮‍💨🥴
    Thankyou vso much 💯

  • @theandroiddesigner
    @theandroiddesigner Před 28 dny +1

    I love you Adrian❤️
    God bless you

  • @marcc0183
    @marcc0183 Před 28 dny +2

    Could you teach how to make a real-time video call co-pilot? For example, co-pilots who answer job interview exercises

  • @wendreslucas5415
    @wendreslucas5415 Před 23 dny

    Just amazing!

  • @VictorDavid-ip5ek
    @VictorDavid-ip5ek Před 27 dny

    thanks my mentor

  • @mhdhasham2754
    @mhdhasham2754 Před 28 dny +1

    your content is extremely helpful, you explain things really really good.
    i've a little request, can we have a crash course of firebase or any other BaaS? there are noo goot tutorials available on YT on any BaaS

  • @proxyxdshorts
    @proxyxdshorts Před 28 dny +2

    It seems you changed ur teaching style abit lol ... Im really liking it . I noticed it cuz i am an old subscriber

  • @Ebenezerndukwe
    @Ebenezerndukwe Před 28 dny +1

    Next js
    Online multiplayer chess app
    One of a kind
    But ur videos are so rich in everything I'm really greatly grateful

  • @mahmodulhasan2199
    @mahmodulhasan2199 Před 28 dny +1

    That man is 🔥🔥🔥💫💫💫💫🚀🚀🚀❤️❤️❤️

  • @codeninja77
    @codeninja77 Před 28 dny +1

    I am super afraid because this high quality videos💯 may be free now , but what of Tomorrow😯, but despite that I love you man. Your Videos are the inspiration for my Projects. my next project is building the filmpire movie app all by myself!!!!, wish me luck