Fullstack AI Form Builder Tutorial with Next JS, TypeScript, Drizzle ORM, React, OpenAI, Stripe

Поділитися
Вставка

КОМЕНТАРІ • 64

  • @webdecoded
    @webdecoded  10 місяців тому +5

    Langchain and Vector Databases with Embeddings Tutorial is up! Check it out here: ua-cam.com/video/92QqWVB6GNg/v-deo.html

  • @webdecoded
    @webdecoded  11 місяців тому +49

    Forgot to mention I am working on implementing Langchain with Nextjs, so more advanced AI concepts coming up, stay tuned!

    • @tamerahmed9860
      @tamerahmed9860 11 місяців тому

      Great efforts! Thank you

    • @Omesh7
      @Omesh7 11 місяців тому

      Coool, waiting for it, with push notifications ON

    • @AlexanderMoyer-k3b
      @AlexanderMoyer-k3b 11 місяців тому

      does this even work?
      I've done the first half hour literally 10 times and it always responds with an error saying i have exceeded my quota.

  • @bnssoftware3292
    @bnssoftware3292 9 місяців тому

    WOW This was absolutely amazing! Even if not using it for an actual form builder, this was a great all inclusive tutorial on setting up everything you need with nextjs. Thank you!

    • @webdecoded
      @webdecoded  8 місяців тому

      So glad you enjoyed it!

  • @VincentFulco
    @VincentFulco 11 місяців тому +2

    Outstanding example, learned some new things about next-auth which were escaping me.

  • @pallavggupta
    @pallavggupta 11 місяців тому

    First time on this channel, Super good content !!

    • @webdecoded
      @webdecoded  8 місяців тому

      Thank you and welcome!!

  • @parthumrania6094
    @parthumrania6094 11 місяців тому

    This channel has amazing content!

  • @uminhtetoo
    @uminhtetoo 10 місяців тому

    Thank you so much for sharing your experience and knowledge, Madam.

  • @Jaber_Dev
    @Jaber_Dev 11 місяців тому +1

    انا جابر مهندس برمجيات من الأردن 🇯🇴
    فيديو جميل جدا استفت منه كثيرا شكر لك على مشاركه هذا الشروع المذهل معنا

  • @roberth8737
    @roberth8737 11 місяців тому

    Awesome full stack build - if possible, record in 1440p for slightly better clarity 🙂

  • @andrejuantaftazani3615
    @andrejuantaftazani3615 3 місяці тому

    is analytics for user who created the account formbuilder website or for the developer ?

  • @regilearn2138
    @regilearn2138 11 місяців тому +1

    Wow, please do more typescript MERN full stack projects.

  • @animenetop12
    @animenetop12 11 місяців тому +1

    pls someone help me how to enable this kinda hint inside code, for example in your code there is "hint": (props: props) at 13:00

    • @webdecoded
      @webdecoded  11 місяців тому

      It's github copilot

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu 9 місяців тому

    Hi judy, I completed the entire course, first of all, thank you very much. I have a question for you: can you check the stripe payment? Because I can create more than 3 forms without getting paid in the application I wrote myself. I did not have a chance to check it from the application you wrote, I think the quota was over and for this reason I could not create a new form. This is very important to me because I have been trying to complete this project for more than 20 days. I would be very happy if you could get back to me.

  • @KunalSingh-t4t
    @KunalSingh-t4t 6 місяців тому

    which tool you are using for these designs and planning part ?

  • @iuashrafi
    @iuashrafi 11 місяців тому +2

    Thank you !

  • @SrikarMellachervu
    @SrikarMellachervu 11 місяців тому

    do we have to pay open API subscription fee based on the usage? or is it free ?

  • @SamuelNzekwe
    @SamuelNzekwe 8 місяців тому

    Drizzle seems to have changed a lot
    I managed to use the documentations though

  • @anmol8630
    @anmol8630 10 місяців тому

    Does the form giving Google form like experience or better , can anyone or admin tell asap

  • @MaxielJohannaCamargoGomez
    @MaxielJohannaCamargoGomez 5 місяців тому

    WOW!!! its amazing

  • @joyustcian222
    @joyustcian222 11 місяців тому +1

    Thank You So Much

  • @hassaantahir3861
    @hassaantahir3861 11 місяців тому +2

    Amazing project, will start this tomorrow 🎉
    1 request plzzz create a Production grade single vendor e-commerce web app(not like the current UA-cam ones or the clones :)) with a beautiful gasp animated landing page to showcase main stream products.
    To make it more in unique you can add a 3d Model of every product along with normal images and the main challenge will be then optimizing it.
    With roles, full fledged admin panel having inventory, and other business functionalities, Beautiful UI, review system with rating and images review, Q/A of every product, order tracking system, Product recommendations, full fledged search, COD and online payment gateways 2-3, product page with detailed product descriptions with images etc and similar products.
    An e-commerce app that the internet has never seen before.
    :))
    Thanks in advance 😃

  • @linc-pi5ed
    @linc-pi5ed 9 місяців тому

    Too Strong, hope that the blogger can out some nestjs + react project is even better

  • @faisaliqbal6681
    @faisaliqbal6681 11 місяців тому

    as
    the api you use for the form generating is free or we will buy api for the project

    • @rishavsharma4206
      @rishavsharma4206 10 місяців тому

      You'll have to buy credits after creating an account on OpenAI. There was a free trial till June or July 2023 but now it's over and the credits you got before that(if you did), then those are expired.

  • @AbhinavKumar-dl2ph
    @AbhinavKumar-dl2ph 11 місяців тому

    I am getting too many requests error (error status code 429) even though I have make just one request. Why I am getting too this error ? 😢😢

  • @idcidk9160
    @idcidk9160 11 місяців тому

    Pre requisite?

  • @ammarhaidar5995
    @ammarhaidar5995 8 місяців тому

    Good job

  • @AlexanderMoyer-k3b
    @AlexanderMoyer-k3b 11 місяців тому

    does this even work?
    is it me or does it just say exceeded quota immediately?
    probably me. seems like a good tutorial but its broken before 30 minutes with openai errors about exceeding the quota

    • @webdecoded
      @webdecoded  11 місяців тому

      Sorry to hear you are having issues. Seems like you ran out of openai credits, or if you signed up for openai a while back the credits may have expired: community.openai.com/t/are-openai-credits-expiring/511215 can you check on your dashboard? I will also search if there's other apis with bigger free tiers

    • @AlexanderMoyer-k3b
      @AlexanderMoyer-k3b 11 місяців тому

      @@webdecodedi've only ever had the free tier with no credits. so how it works is that even for personal use (i.e. this app @ 29 mins) one needs credits? I could just add $5 or something since I'd learn a lot from the rest of this tutorial.
      huggingface api is cool, but aside from their basic js example (correct me if i'm wrong), the React and Next.js examples don't work. A video with a cool app based on that would be helpful!

    • @AbhinavKumar-dl2ph
      @AbhinavKumar-dl2ph 11 місяців тому

      ​@@AlexanderMoyer-k3b was your issue solved. I am getting error status code 429 and too many requests error even though I have made only one request

    • @AlexanderMoyer-k3b
      @AlexanderMoyer-k3b 9 місяців тому

      @@webdecoded I did add credits, and it's still an issue.
      anyway, keep up the awesome work, I think that it's very appreciated

  • @rotemnevgauker6984
    @rotemnevgauker6984 8 місяців тому

    two things : 1. I Next auth is extremely buggy , even for a beta . so back to v4 / prisma / my own auth ! 2.

  • @jasonjimenez9116
    @jasonjimenez9116 11 місяців тому

    So drizzle is the flavor of the month.

    • @webdecoded
      @webdecoded  8 місяців тому

      It is indeed

    • @yassineabdelouafi
      @yassineabdelouafi 4 місяці тому

      @@webdecoded with is better drizzle or typeorm or prisma ??

  • @animenetop12
    @animenetop12 11 місяців тому

    or what extension is it

    • @webdecoded
      @webdecoded  11 місяців тому +1

      Are you also using vscode? marketplace.visualstudio.com/items?itemName=GitHub.copilot

  • @brendanmilton5025
    @brendanmilton5025 7 місяців тому

    love the tutorial! Thank you. Quick vscode hack that I love at 28.20 you copy+paste below
    if you hold alt + down arrow or up arrow you can move the line down or up.
    I'm not great with macros but this one I use always!
    Hope it helps :)

    • @webdecoded
      @webdecoded  7 місяців тому

      Thanks for following along the tutorial:) You are right that's actually way easier thank you!!

  • @dailywisdomquotes518
    @dailywisdomquotes518 11 місяців тому

    could you provide test.env file, i ran into secret error

    • @webdecoded
      @webdecoded  11 місяців тому

      just updated the github repo with env example file! have you generated your auth secret? that might be causing the error

    • @AI-in-Action952
      @AI-in-Action952 11 місяців тому

      @@webdecoded thank you so much

    • @AI-in-Action952
      @AI-in-Action952 11 місяців тому

      drop me idea on how to generate the auth sceret

  • @ectoplasm1285
    @ectoplasm1285 11 місяців тому

    thanks

  • @MrFact-e9r
    @MrFact-e9r 8 місяців тому

    I didn't have open ai api I use my all credintials

  • @igwekennedy3033
    @igwekennedy3033 11 місяців тому

    nice work

  • @tarunsukhu2614
    @tarunsukhu2614 11 місяців тому

    a fabulous course !! @webdecoded

  • @kodenigga2380
    @kodenigga2380 11 місяців тому

    I'm on free tier plan, on making my first API call according to the tutorial I was told that I have exceeded my quota. And I just created my account this is my first ever call.
    ANY HELP

    • @AlexanderMoyer-k3b
      @AlexanderMoyer-k3b 11 місяців тому

      same!

    • @rishavsharma4206
      @rishavsharma4206 10 місяців тому

      Guys you need to buy credits from OpenAI to start making API calls, if you already bough credits they might be exhausted that's why you are seeing this error message

  • @faisaliqbal6681
    @faisaliqbal6681 11 місяців тому

    as
    the api you use for the form generating is free or we will buy api for the project

    • @atticuus
      @atticuus 10 місяців тому +1

      in this project, it is necessary to pay a minimum of 5 dollars for the OPENAI api request. Even though I had never done a project using OPENAI until this project, I could not benefit from the free trial. Because when I opened my account last year, this right was granted to me and has expired. When you want to open a new account, it asks you to verify your phone number, but it does not accept it because it is linked to your real account. As a result, if you created a account last year (for just using free chatgpt), you have to buy a 5 dollar quota.