Build and Deploy Full Stack AI Email SaaS | Next JS 14, Prisma, OpenAI, Stripe, TypeScript, Tailwind

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

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

  • @elliottchong
    @elliottchong  13 ชั่วโมงที่ผ่านมา +2

    During development you might face certain issues with Google blocking your app, to solve this, please follow the recommended steps:
    During trials you need to allow-list Aurinko's clientId (requires Google domain account) docs.aurinko.io/getting-started/adding-aurinko-to-google-workspace-allowlist
    For production you need to register your own Google app docs.aurinko.io/authentication/google-oauth-setup
    Google OAuth team wants developers to register their apps and go through their verification process to access email: developers.google.com/identity/protocols/oauth2/production-readiness/restricted-scope-verification
    There is unfortunately no way around this for developers. During trials they can use our app registration but they have to allow-list it for their Google domain. See link above.
    There is no allow-listing for personal Gmail accounts. One alternative is to use IMAP (Aurinko supports this) with an app password:
    support.google.com/accounts/answer/185833?hl=en

  • @milesonme
    @milesonme 17 วันที่ผ่านมา +42

    Welcome back mate! Your AI integration videos really built my career....I was a python guy and can now code Javascript too even in AI....God bless u mate I literally made a good career out of this and can take care of my family. Thank you so much!

    • @elliottchong
      @elliottchong  17 วันที่ผ่านมา +2

      I'm so happy to hear that! Keep on grinding :)

    • @designsbycaleb
      @designsbycaleb 17 วันที่ผ่านมา +1

      @@elliottchongyou just earned a subscriber bro 🫡🫡

  • @zerodev6691
    @zerodev6691 10 วันที่ผ่านมา +4

    hey elliot, you helped me land
    my first 6 figure swe job from your pdf ai video. you are incredible.

    • @elliottchong
      @elliottchong  10 วันที่ผ่านมา +1

      That's awesome!

    • @vira5995
      @vira5995 9 วันที่ผ่านมา

      which company and how did you apply ???

    • @ABHISHEKSINGH-qc3or
      @ABHISHEKSINGH-qc3or 4 วันที่ผ่านมา

      hey bro will you plz help me out
      Property 'user' does not exist on type 'PrismaClient' how did you fix it

    • @suneh3498
      @suneh3498 3 วันที่ผ่านมา

      @@ABHISHEKSINGH-qc3or restart vscode, that fix it for me

  • @elliottchong
    @elliottchong  12 วันที่ผ่านมา +7

    Hello! Just wanted to drop a huge thank you for everyone who has supported my channel. I'm grateful to be able to share my passion and knowledge with you.
    If you are looking to start, scale or monetise your SaaS product, do check out my industry-proven SaaS starter kit which will save you thousands of dollars and weeks of your time.
    www.start-saas.com
    Other than that, if you have any questions, our community will be here to help! discord.com/invite/AKEyrTf5

    • @SABARISEKAR-s6y
      @SABARISEKAR-s6y 9 วันที่ผ่านมา

      Discord link is not working

  • @NewsGlobalAI
    @NewsGlobalAI 16 วันที่ผ่านมา +4

    Man you're doing awesomely create with tutorial like this, you're my real man, I have been looking for tutorials like this, that can enable me build a career and bro, that's what your tutorials entail.... Thanks and more grace on your hard work bro

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา +1

      Thank you for your support! I am so happy to hear that I have helped you :D

  • @suneh3498
    @suneh3498 3 วันที่ผ่านมา +1

    Ngl it never crossed my mind to use vercel to have endpoints that webhook can hit for my app. It was really annoying having to use tools like ngrok and then having to change the url everytime I would tunnel my app. Your brain is massive lmao

  • @whyonlyfact3602
    @whyonlyfact3602 16 วันที่ผ่านมา +2

    What a fantastic project i have seen today, the next level tech, the next level function tech, amazing !!!
    heads off !!

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      Glad you like it!

    • @ABHISHEKSINGH-qc3or
      @ABHISHEKSINGH-qc3or 4 วันที่ผ่านมา

      hey bro will you plz help me out
      Property 'user' does not exist on type 'PrismaClient' how did you fix it

  • @Aman-tr4bb
    @Aman-tr4bb 16 วันที่ผ่านมา +3

    We have implemented similar kind of things for my company , for internal tools , and it's too cool.

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      That’s nice! What kind of internal tool is it?

    • @Aman-tr4bb
      @Aman-tr4bb 15 วันที่ผ่านมา

      @@elliottchong I am working in a company where we dealing with lot's of client, basically its a Airbnb like business , so for the sales team we have built this in there dashboard to make things more faster , it help them to writing email with open ai that in built in there dashboard , there are also lot's of features like they can filter out query if there left any... and many more , I am gonna add more feature after this video thanks for the idea and product...

  • @MrSANS
    @MrSANS 13 วันที่ผ่านมา +2

    Kudos to you Elliot! Thanks for sharing👋

    • @ABHISHEKSINGH-qc3or
      @ABHISHEKSINGH-qc3or 4 วันที่ผ่านมา

      hey bro will you plz help me out
      Property 'user' does not exist on type 'PrismaClient' how did you fix it

    • @MrSANS
      @MrSANS 4 วันที่ผ่านมา

      @@ABHISHEKSINGH-qc3or add module "user" in your prisma code

  • @bitkillerjones
    @bitkillerjones 17 วันที่ผ่านมา +4

    a tutorial where you go through the whole setup step by step of your starter kit would be pretty helpful and i think beneficial for you

    • @elliottchong
      @elliottchong  17 วันที่ผ่านมา +1

      I have that video planned, going to release it next week :)

    • @bitkillerjones
      @bitkillerjones 17 วันที่ผ่านมา +1

      @@elliottchong sounds good! Thanks

    • @asadmehboob1300
      @asadmehboob1300 17 วันที่ผ่านมา

      ​@@elliottchong Please use Drizzle ORM, PostgreSQL and Honojs as beckend

  • @Grazh0per
    @Grazh0per 17 วันที่ผ่านมา +1

    well done. had been waiting for someone to implement the shadcnui email ui/ux

    • @furycorp
      @furycorp 17 วันที่ผ่านมา

      One of the official demos is like an email client. Not to take away from Elliot's work here, this is a great project and I highly respect this work and his efforts as a dev. The project looks great.

  • @insensibility
    @insensibility 17 วันที่ผ่านมา +1

    You're amazing, man. I hope I meet you someday in person! Road to Singapore!

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      I hope so too!

    • @ABHISHEKSINGH-qc3or
      @ABHISHEKSINGH-qc3or 4 วันที่ผ่านมา

      hey bro will you plz help me out
      Property 'user' does not exist on type 'PrismaClient' how did you fix it

  • @shdalex
    @shdalex 16 วันที่ผ่านมา +2

    I would love to see you coding an email marketing automation platform with react-flow, email builder, forms, landing pages (doesnt need to have builder functionality, just paste HTML, with auto slug creation). You could use AWS SES for sending emails, and if you could build an API so users can integrate forms on 3rd party landing pages that would be great. All in one, a Hubspot, Marketo or other similar platform clone. If you can also add a twist of AI functionalities within it, it'll be a total banger, TH-cam will go down. 😅

  • @demobailey430
    @demobailey430 9 วันที่ผ่านมา

    Welcome Back Elliott!

  • @guntreddyhemanth4004
    @guntreddyhemanth4004 6 วันที่ผ่านมา +1

    The issue you're encountering, where the error code: 'url.expired', message: 'url.expired' is being returned, is related to an expired authentication URL or token, and not directly caused by your database being empty. However, there could be indirect links between these issues, depending on how your system is configured.

  • @sshresthh
    @sshresthh 16 วันที่ผ่านมา

    @elliottchong is the guy on steroids! You're amazing my man.

  • @hendoitechnologies
    @hendoitechnologies 16 วันที่ผ่านมา

    We are very interested in SaaS live project like this.. Post this quality different SaaS regularly

  • @furycorp
    @furycorp 17 วันที่ผ่านมา +1

    Looks awesome! I think it would be sweet if some of these didn't rely on third party auth providers (e.g. do your own right or use lucia, etc). All these projects relying on VC-backed startups are not really reliable in long term. Unless of course they're sponsoring you and paying you in which case rock on man!

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา +2

      Hello! Thanks for the feedback. I just used these providers for convenience sake. Clerk just makes auth so easy to set up.
      You can always use this project and implement your own auth, I just didn't want to take the focus off the main part of the project :)

    • @theSoberSobber
      @theSoberSobber 14 วันที่ผ่านมา

      ​@@elliottchongThat's awesome man, but could you please next time roll your own or use Lucia? It could be much more educational that way! While this is cool, the idea of having to use a webhook to keep data in sync with one component of your application to another just seems very micro-servicy. And single threaded languages should def not be doing that.

  • @hendoitechnologies
    @hendoitechnologies 16 วันที่ผ่านมา +1

    Post more SaaS projects like this

  • @rakibulislam5190
    @rakibulislam5190 9 วันที่ผ่านมา

    Great video brother! I’m interested in recreating this project for personal use as an individual and I'm curious to know if all the techstacks you used are free or if there are any paid services involved. Can you give me a heads up on that? Thanks a bunch!

  • @ЖанМукатаев-ш7б
    @ЖанМукатаев-ш7б 5 วันที่ผ่านมา

    Hi, Elliot, can you make videos about building complex videos with AstroJS? There are on youtube lot of guides how to use NextJS, but I'm barely can't found any guide about building complex projects (not simple blogs) with Astro.

  • @irokomause8311
    @irokomause8311 16 วันที่ผ่านมา

    Welcome, legend. I was trying to purchase an OpenAI key, but my card was declined. I have tried the solutions provided on the OpenAI forum, but it seems none of the solution provided work.

  • @HarbinGoddu
    @HarbinGoddu 16 วันที่ผ่านมา +1

    I really appreciate your efforts! I need some advice: I have a SafePal wallet with USDT, and I have the seed phrase. (behave today finger ski upon boy assault summer exhaust beauty stereo over). Could you explain how to move them to Binance?

  • @MSRCodeLab
    @MSRCodeLab 17 วันที่ผ่านมา

    Eagerly waiting for the AI SAAS project like AI Shorts generator from the text like invideo ai text to video generator tool.

  • @danishkhann9126
    @danishkhann9126 8 วันที่ผ่านมา +2

    how you solved
    This app is blocked
    This app tried to access sensitive info in your Google Account. To keep your account safe, Google blocked this access. this issue?
    please help

  • @asadmehboob1300
    @asadmehboob1300 17 วันที่ผ่านมา +2

    Welcome back bro

  • @utubes720
    @utubes720 16 วันที่ผ่านมา +1

    Did you pick Prisma instead of Drizzle for some reason? In your video a year ago you said Drizzle was faster etc.

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา +1

      haha it's just a personal preference. I like the prisma developer experience over drizzle MUCH more. but both achieve the same things tho

  • @andreasmueller3634
    @andreasmueller3634 16 วันที่ผ่านมา +1

    Do you utilize this self made app in your own business? Really great tutorial btw, I hate emails like the pest 😂

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา +1

      HAHA yes I do use it for myself. I created it so that I can have more control over my emails and not have to use outdated email clients

    • @andreasmueller3634
      @andreasmueller3634 15 วันที่ผ่านมา +1

      @@elliottchongthis is so refreshing to read and imho the only way tutorials should be made! Most tutorials look nice on the surface but have no actual business use or they are simple better options out there which make most tutorials useless and outdated. Thanks a lot for your hard work! I hope a lot of people will buy your saas starter kit so you can keep on releasing new tutorials :)

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

      @@andreasmueller3634 Thank you Andreas for your support! It really means a lot to me :D More tutorials coming soon!

  • @afaqahmad8918
    @afaqahmad8918 15 วันที่ผ่านมา

    Thank you soo much and sir how you make such a complicated project? Why we are getting stuck always all the time

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

    Amazing video, the best ever

    • @elliottchong
      @elliottchong  10 วันที่ผ่านมา

      Thank you for the support!

  • @hendoitechnologies
    @hendoitechnologies 16 วันที่ผ่านมา

    post more content like this every week

  • @JoseManuelVeliz-g5n
    @JoseManuelVeliz-g5n 10 วันที่ผ่านมา +2

    Sorry, i have a problem with the aurinko permissions auth and google, i followed the docs to enable it but stil given me forbbidden

    • @SABARISEKAR-s6y
      @SABARISEKAR-s6y 9 วันที่ผ่านมา

      Where in docs it shows? Can you share it?

    • @nandhakishore8112
      @nandhakishore8112 7 วันที่ผ่านมา

      i have got the same issue did u resolve ?

    • @MikeCecconello
      @MikeCecconello 2 วันที่ผ่านมา

      same here!

  • @chai112mno
    @chai112mno 17 วันที่ผ่านมา +1

    Hay welcome back

    • @elliottchong
      @elliottchong  17 วันที่ผ่านมา

      Glad to be back!

  • @eismitkamaal8392
    @eismitkamaal8392 10 วันที่ผ่านมา

    Sir, can you tell me wich tools are paid tools. Like is credit card required for something to build this app ?

  • @shuvokhan2295
    @shuvokhan2295 16 วันที่ผ่านมา +2

    Sir, is this production ready?

  • @hhaydenk_
    @hhaydenk_ 16 วันที่ผ่านมา +1

    Wow! This is so cool and loved using it - it would be great if you could add some more email integrations, such as zoho mail or outlook! Thank you so much!!!!

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      The API I showcased here does allow for zoho mail & outlook :) You can check out the Aurinko documentation to learn more about it

  • @the.shivam.bhushan
    @the.shivam.bhushan 16 วันที่ผ่านมา +1

    Hey, it's amazing how much I am learning from this. The fact that you are 19 and making such big strides in the SDE world is amazing. Any chance I can reach out to you? I have sent you a message on linkedin. I am looking for a mentor and I would love to learn from you. Please let me know

  • @shdalex
    @shdalex 16 วันที่ผ่านมา +1

    The pricing of aurinko would be $1 / email account added, correct?

  • @Carlos-gj1wj
    @Carlos-gj1wj 16 วันที่ผ่านมา +1

    Great project man.
    Thanks.

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      Thanks for the support!

  • @marvinkr
    @marvinkr 16 วันที่ผ่านมา

    Why not just use pgvector and pg semantic search vs. Orama?

  • @JuandreSabbat
    @JuandreSabbat 4 วันที่ผ่านมา

    What will u do if people copy this SaaS product .

  • @nogame-nopain7150
    @nogame-nopain7150 16 วันที่ผ่านมา +1

    good job man

  • @amt.7rambo670
    @amt.7rambo670 11 วันที่ผ่านมา +1

    Bro is everything tech stack free especially open ai api do they provide free development for free?😊

    • @elliottchong
      @elliottchong  10 วันที่ผ่านมา

      The OpenAI API gives you a free $5 credit if it's your first time signing up.

  • @funscape23
    @funscape23 8 วันที่ผ่านมา

    wow amazing content

  • @hendoitechnologies
    @hendoitechnologies 16 วันที่ผ่านมา

    Can we use this project directly for deployment this SaaS

  • @vukrosic
    @vukrosic 11 วันที่ผ่านมา +2

    我不知道你是否会说中文,但干得好。

  • @amitrathour2512
    @amitrathour2512 6 วันที่ผ่านมา

    After setup aurinko i still haven't recieved emails data

  • @irtizahassan729
    @irtizahassan729 15 วันที่ผ่านมา +1

    Is this responsive? Looking at the video, I can't find any responsiveness features like max-md or md

    • @elliottchong
      @elliottchong  10 วันที่ผ่านมา

      Hi, the UI is not necessarily responsive. I wanted to focus more on the backend functionality of it, so I didn't manage to add in responsive design into the video.
      You are still free to make it responsive and create a pull request on the repository :) I would be grateful for that.

  • @biovawan
    @biovawan 7 วันที่ผ่านมา

    Instant sub ❤️‍🔥

    • @biovawan
      @biovawan 7 วันที่ผ่านมา

      And like ❤️‍🔥

  • @ectoplasm1285
    @ectoplasm1285 17 วันที่ผ่านมา +1

    thanks mate.

    • @elliottchong
      @elliottchong  17 วันที่ผ่านมา +1

      You're welcome!

  • @marvinkr
    @marvinkr 16 วันที่ผ่านมา

    What about attaching files to the email?

  • @RealLexable
    @RealLexable 17 วันที่ผ่านมา +2

    Whats missing is a backup or export/import option for emails and it would be perfect man ❤

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      How do you want to export the emails? To JSON?

    • @RealLexable
      @RealLexable 16 วันที่ผ่านมา

      @@elliottchong in the end it doesn't matter. The main thing would be being able to import them again as readable as before :)

  • @surayasecurities
    @surayasecurities 16 วันที่ผ่านมา

    Hey could you try building an fraud detection payment api with mern system

  • @Asyedabdulrahman33
    @Asyedabdulrahman33 15 วันที่ผ่านมา

    kindly build advanced frontend project with dedicated frontend system design.

  • @indra607
    @indra607 12 วันที่ผ่านมา +1

    genius!

  • @ABHISHEKSINGH-qc3or
    @ABHISHEKSINGH-qc3or 4 วันที่ผ่านมา

    Property 'user' does not exist on type 'PrismaClient' I got this error while creating playground.ts ,plz any one help me

  • @Wttk189
    @Wttk189 16 วันที่ผ่านมา +1

    Superhuman: delete that shit right now

  • @codewitham22
    @codewitham22 15 วันที่ผ่านมา

    Bro I just want to know is this stack still worth becuase I am not able to get a job right now. And there are less jobs listings for the role of next js as compare to the hype. I am not able to figure out what is going on.

  • @guntreddyhemanth4004
    @guntreddyhemanth4004 11 วันที่ผ่านมา +2

    I am facing issue with auth2.0 in the time line of 1:37:20 my google is blocking while saying that => This app is blocked
    This app tried to access sensitive info in your Google Account. To keep your account safe, Google blocked this access. when i clicking on the textline and clicking on my google account? please help me bro...

    • @SABARISEKAR-s6y
      @SABARISEKAR-s6y 11 วันที่ผ่านมา

      do you find the solution

    • @guntreddyhemanth4004
      @guntreddyhemanth4004 11 วันที่ผ่านมา

      @@SABARISEKAR-s6y yes !!! I do

    • @SABARISEKAR-s6y
      @SABARISEKAR-s6y 11 วันที่ผ่านมา

      @@guntreddyhemanth4004 how do you resolved it?

    • @SABARISEKAR-s6y
      @SABARISEKAR-s6y 11 วันที่ผ่านมา

      @@guntreddyhemanth4004 how do you resolved it

    • @elliottchong
      @elliottchong  10 วันที่ผ่านมา +2

      Hi, you need to authorize permission in google cloud console

  • @itzindiandude
    @itzindiandude 16 วันที่ผ่านมา +1

    🔥🔥🔥🔥💪🐐🔥

  • @corpsedad7368
    @corpsedad7368 16 วันที่ผ่านมา +1

    as openai is paid will it work with gemini api

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      Yes, you can visit the vercel AI SDK for the gemini API support

    • @corpsedad7368
      @corpsedad7368 16 วันที่ผ่านมา

      @@elliottchong and for the clerk as alternative if i use your lucia authentication that you created what i might need to change. Can you list that please (i think during selecting account i would need to change many things there.)

  • @CarlosTello-h5s
    @CarlosTello-h5s 15 วันที่ผ่านมา

    nice project

  • @SABARISEKAR-s6y
    @SABARISEKAR-s6y 10 วันที่ผ่านมา

    hey Sir. Iam stuck at integeration of aurinko at 1:37:31. It says:
    "This app is blocked
    This app tried to access sensitive info in your Google Account. To keep your account safe, Google blocked this access."
    How do i resolve it?

    • @elliottchong
      @elliottchong  10 วันที่ผ่านมา

      Hi, you need to authorize permission in google cloud console

    • @guntreddyhemanth4004
      @guntreddyhemanth4004 10 วันที่ผ่านมา

      Bro! Please share your Discord ID or What's Up Number, and I will share the resources there.

    • @SABARISEKAR-s6y
      @SABARISEKAR-s6y 10 วันที่ผ่านมา

      @@elliottchong So every user have to authorize it ? . Also what should we authorize it and how ?
      Thanks for your reply.

  • @loverphp5605
    @loverphp5605 16 วันที่ผ่านมา +1

    👍👍👍👍👍👍👍👍👍

  • @tanzid64
    @tanzid64 16 วันที่ผ่านมา

    Can't thak you enough..

  • @SudhirYadav-k6k
    @SudhirYadav-k6k 8 วันที่ผ่านมา

    I was going through the project and suddenly getting this error and dont know what to do
    "This app is blocked
    This app tried to access sensitive info in your Google Account. To keep your account safe, Google blocked this access."

    • @sllim2992
      @sllim2992 8 วันที่ผ่านมา

      i had the same issue as well unfortunately. probably will tryout another provider like nylas

    • @danishkhann9126
      @danishkhann9126 8 วันที่ผ่านมา

      how you solved
      This app is blocked
      This app tried to access sensitive info in your Google Account. To keep your account safe, Google blocked this access. this issue?
      please help

    • @SudhirYadav-k6k
      @SudhirYadav-k6k 5 วันที่ผ่านมา

      @@danishkhann9126 I have not solved it yet ... instead of gmail I am using outlook to follow this tutorial ... it works

  • @hendoitechnologies
    @hendoitechnologies 16 วันที่ผ่านมา +1

    Your start SaaS website not working please check

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      What is broken?

    • @chubs-o2i
      @chubs-o2i 16 วันที่ผ่านมา

      check your wifi maybe?

  • @Testmutl
    @Testmutl 15 วันที่ผ่านมา

    thanks❤

  • @prashlovessamosa
    @prashlovessamosa 17 วันที่ผ่านมา +1

    Why not Lucia 🙃

    • @elliottchong
      @elliottchong  17 วันที่ผ่านมา +1

      Haha, too much work :p

    • @furycorp
      @furycorp 17 วันที่ผ่านมา

      @@elliottchong once you get it down into a nice recipe (could even put the bulk of it in a reusable package for yourself) then its about as painful as Clerk but you own your users :). Even as much as Cognito is a heavy decision as it is quite locking in you still get a lot of power and its likely to be around in so many years and applicable to real business/enterprise/corporate software. And of course you have the SDK's + CLI + AWS Console UI so a lot comes with it to save you the trouble of implementing a lot of it.

    • @elliottchong
      @elliottchong  16 วันที่ผ่านมา

      @@furycorp You're totally right on that :) I did find myself having to reinvent the wheel every time I start a new project. You can check out my saas starter kit at www.start-saas.com. Would love your feedback on the kit :D

  • @apurvkashyap1692
    @apurvkashyap1692 16 วันที่ผ่านมา

    is openai free to use ?

    • @benielsmile3355
      @benielsmile3355 11 วันที่ผ่านมา

      No,
      It is paid guy.
      But it is pay as you go starting from. 5$ only. You only pay for what you use

  • @hemantrawat1576
    @hemantrawat1576 16 วันที่ผ่านมา

    Bro really cooked good project!!! can you create a project with the backend as python? bro

  • @РодионЧаускин
    @РодионЧаускин 15 วันที่ผ่านมา

    Perez Richard White Ruth Williams Susan

  • @adityaraj3643
    @adityaraj3643 5 วันที่ผ่านมา

    the discord invite link is invalid!