Build a Full Stack Application with OpenAI, Next.js 13, Vercel and Chakra UI

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

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

  • @septimusseverus252
    @septimusseverus252 ปีที่แล้ว +4

    Promissing channel and great content....full support 👍👍👍

  • @akmkibriahasan
    @akmkibriahasan ปีที่แล้ว +1

    Quality Content! Best wishes to you! My solo development journey also started this year. Hoping to see the growth of your TH-cam journey and you will go a long way In Sha Allah.

  • @leerob
    @leerob ปีที่แล้ว +3

    Great job!

    • @hqasmei
      @hqasmei  ปีที่แล้ว +1

      Thank you Lee, I appreciate it! Love your TH-cam channel. Your videos helped me answer a lot of questions I've had 🙏

  • @ermias_bahru
    @ermias_bahru ปีที่แล้ว +2

    Great video Hosna!
    subscribed!

  • @muhammadahmad6032
    @muhammadahmad6032 ปีที่แล้ว +1

    Great Video! Have been looking for something similar to get started with trying OpenAI with Next.js

  • @venkatapenumatsa3959
    @venkatapenumatsa3959 ปีที่แล้ว +1

    This is cool. Thanks for the project, I will try to create some thing like this

  • @fullstackmd
    @fullstackmd ปีที่แล้ว +1

    Awesome video thank you for sharing and I enjoy learning from what you put out!

  • @yaakovisaacs
    @yaakovisaacs ปีที่แล้ว +1

    Sweet! Thank you. Question -- are there any special steps to follow regarding Umami since this is a preexisting webapp in Vercel, which differs from the deployment flow you used for Railway?

  • @kopihitam12333
    @kopihitam12333 ปีที่แล้ว +1

    Great VIdeo Hosna, thankyou!

  • @danielf4438
    @danielf4438 ปีที่แล้ว +5

    Hi, nice video!
    at 0:26 you are not using chatGPT but GPT-3. There is a huge difference.
    It would be great if you create a video using figma to react component tool (like locofy) instead of designing with chakra or tailwind. I think that could be a much much better real life developer workflow.

    • @hqasmei
      @hqasmei  ปีที่แล้ว

      Thanks for the clarification!

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

    Nice tutorial

  • @MichaelMo-L
    @MichaelMo-L ปีที่แล้ว +1

    Could you make a playlist?

  • @coderamrin
    @coderamrin ปีที่แล้ว +1

    great content Hosna.
    Keep it up :)

  • @zygarde2076
    @zygarde2076 ปีที่แล้ว +1

    Hiya, both the github and following along has a issue where nothing is generated when you click generate thoughts. Will it end up being fixed? Only two errors:
    1- Failed to load resource: net::ERR_BLOCKED_BY_CLIENT which is vercel link so probably unrelated
    2-
    Warning: Extra attributes from the server: class
    at body
    at html
    at RootLayout (webpack-internal:///(app-client)/./app/layout.tsx:16:11)
    at ReactDevOverlay (webpack-internal:///(app-client)/./node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:58:9)
    at HotReload (webpack-internal:///(app-client)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:19:11)
    at Router (webpack-internal:///(app-client)/./node_modules/next/dist/client/components/app-router.js:99:11)
    at ErrorBoundaryHandler (webpack-internal:///(app-client)/./node_modules/next/dist/client/components/error-boundary.js:63:9)
    at ErrorBoundary (webpack-internal:///(app-client)/./node_modules/next/dist/client/components/error-boundary.js:76:11)
    at AppRouter (webpack-internal:///(app-client)/./node_modules/next/dist/client/components/app-router.js:20:13)
    at ServerRoot (webpack-internal:///(app-client)/./node_modules/next/dist/client/app-index.js:126:11)
    at RSCComponent
    at Root (webpack-internal:///(app-client)/./node_modules/next/dist/client/app-index.js:143:11)
    It could be completely unrelated from these two and probably is. .env and .envlocal has been tried with taking time to ensure they load and work normally.
    Edit: secret keys say they're being used but not working

    • @hqasmei
      @hqasmei  ปีที่แล้ว

      I appreciate you sharing this. I will look into it and get back to you.

    • @zygarde2076
      @zygarde2076 ปีที่แล้ว

      thanks

  • @raphauy
    @raphauy ปีที่แล้ว

    Thank you!

  • @harpo187bling
    @harpo187bling ปีที่แล้ว +1

    Good video

  • @furqanQadri7
    @furqanQadri7 ปีที่แล้ว

    hey how did you expand rfc to that at 5:06? any extension?

    • @hqasmei
      @hqasmei  ปีที่แล้ว

      Yes, I believe it's Reactjs code snippets marketplace.visualstudio.com/items?itemName=xabikos.ReactSnippets

  • @JulaVision
    @JulaVision ปีที่แล้ว

    i created everything but no response is being generated even after putting the API key. How would I fix this issue? Thanks

    • @hqasmei
      @hqasmei  ปีที่แล้ว

      Probably would need to see your code in order to help you out. Do you have a public github repo you could share?

    • @JulaVision
      @JulaVision ปีที่แล้ว

      It's saying openai api request failed. ${res.status} 429... Too many requests?

    • @hqasmei
      @hqasmei  ปีที่แล้ว

      @@JulaVision Do you have any credits left in openai?

    • @JulaVision
      @JulaVision ปีที่แล้ว

      @@hqasmei yes it says $18. Didn't use any but it does say expired October 1st 2022

    • @hqasmei
      @hqasmei  ปีที่แล้ว

      @@JulaVision Ah then that's the issue. You can either create another account with another email to get more free credits. Or buy more credits with your existing account.

  • @maurov6861
    @maurov6861 ปีที่แล้ว +1

    nice tutorials, pity that I still have to learn javascript well, with typescript just mess in the head

    • @hqasmei
      @hqasmei  ปีที่แล้ว +1

      I know the feeling. It just takes time. To understand it you got to code and slowly get the hang of it.
      Or use good no code, low code tools. They have been getting better the last few years.

    • @maurov6861
      @maurov6861 ปีที่แล้ว

      @@hqasmei i'm learning Next-js with Javascript, typescript maybe in a few years. I like Next-js and Tailwind 🤩