Build and Deploy a Social Media Content Generator SaaS with Next.js 14, Typescript, & Gemini AI

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

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

  • @albertmends
    @albertmends  หลายเดือนก่อน +2

    Try Mailtrap for free: l.rw.rw/albert_mends

  • @HenokGebresenbet
    @HenokGebresenbet หลายเดือนก่อน +7

    the guy is very creative, he is not only software enginer but also enterpreneur

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      🙌♥️

  • @One_Flex
    @One_Flex หลายเดือนก่อน +6

    Great project as always. Bro is not pregnant but always delivers. Waiting for the Coorporate GPT

  • @josepholatilo927
    @josepholatilo927 2 วันที่ผ่านมา +1

    Good Job Bruh! Well done 👍

  • @mdalmamunit427
    @mdalmamunit427 หลายเดือนก่อน +1

    Thank you for this insightful video! As a web developer, I found your content incredibly helpful.
    Looking forward to more of your content!

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      Thanks man 🙌❤️

  • @UsmanCodeLab
    @UsmanCodeLab หลายเดือนก่อน +2

    I couldn't stop myself from subscribing to you after seeing your content. You are truly a gem ❤️.

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

      Welcome aboard!

  • @md.ehsanulhaquekanan3911
    @md.ehsanulhaquekanan3911 6 วันที่ผ่านมา +1

    You should create a Discord server where people can collaborate with each other while they are learning or get stuck at any code.

    • @albertmends
      @albertmends  5 วันที่ผ่านมา +1

      Noted 👍

  • @afaqahmad-ef4ky
    @afaqahmad-ef4ky หลายเดือนก่อน +2

    leaving bookmark 1:33:46

  • @hamzarehman7057
    @hamzarehman7057 หลายเดือนก่อน +2

    Imma build it this weekend

  • @sujal6061
    @sujal6061 หลายเดือนก่อน +1

    I want to do my final year cse project.But just confused which one to choose as there are plenty of tutorials on TH-cam can u suggest me some good ideas or create a unique final year projects for students in your next project. It will be very helpful 🙏

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

      What is your area of interest

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

      @@albertmends "Thanks for your response! I'm particularly interested in web development. I'd love to work on a project that involves both front-end and back-end technologies, ideally something that solves a real-world problem or introduces innovative features. So can u make something which will be helpful for my project or any topic which will be perfect for my final project

  • @TOGB_Reeper
    @TOGB_Reeper หลายเดือนก่อน +1

    can you do a video showing us how to take clerk to production mode instead of the development mode? and also maybe another payment gateway apart from stripe? like Payfast or Paystack?

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      I think in the last part of this video, I demonstrated how to prepare clerk for production? let me know if there is anything missing

  • @honggolangromanlang2393
    @honggolangromanlang2393 หลายเดือนก่อน +1

    this is great tutorial, very well step by step, thanks

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      Glad you liked it

  • @neonblaze1-c6x
    @neonblaze1-c6x หลายเดือนก่อน +3

    Great project

  • @yantech.4249
    @yantech.4249 หลายเดือนก่อน +1

    Wow this is amazing and well done sir

  • @nikolaimakarov3034
    @nikolaimakarov3034 หลายเดือนก่อน +1

    keep going brother, more power to you ❤

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

      Thanks ✌️

  • @AmanSingh-li7cd
    @AmanSingh-li7cd หลายเดือนก่อน +1

    Kudos for such an amazing content .Please make some projects including mern stack also.

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

      Alright sure 🙌🚀

  • @Cr7Nih
    @Cr7Nih หลายเดือนก่อน +1

    Thank you for the project bro god bless you ✨🔥🔥

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

      Thank you 🙌

  • @om_p10
    @om_p10 หลายเดือนก่อน +1

    Hello Albert, I just love your tutorials, can you suggest me some unique projects to build?

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      What is your area of interest?

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

      @@albertmends I want to build something integrating with AI

  • @aryansingh3502
    @aryansingh3502 หลายเดือนก่อน +1

    Wonderful brother....huge applause ❤

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

      Many many thanks

  • @bilimlink
    @bilimlink หลายเดือนก่อน +1

    Amazing video 🎉
    Thank you, Bro ❤

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

      Glad you liked it

  • @Cr7Nih
    @Cr7Nih หลายเดือนก่อน +1

    Bro we have to take subscription for AI API ?

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

      No its all free

  • @mdalmamunit427
    @mdalmamunit427 หลายเดือนก่อน +1

    Can I contact you for a video collaboration?

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      kindly email me: mendsalbert@gmail.com

  • @Egoiistiic
    @Egoiistiic หลายเดือนก่อน +1

    Everything is working fine locally. However, after deploying the project on Vercel or Netlify, the styles (like the navbar) are getting changed. When I check it locally, it's working fine. How can I solve this issue?

    • @albertmends
      @albertmends  29 วันที่ผ่านมา

      Hi, are you still having this error?

    • @Egoiistiic
      @Egoiistiic 27 วันที่ผ่านมา

      Yes

  • @afaqahmad-ef4ky
    @afaqahmad-ef4ky หลายเดือนก่อน +2

    Hello sir, I can't find a starter code. Where it is in the description?

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      In the description first link

    • @siuu.priyanshu
      @siuu.priyanshu หลายเดือนก่อน

      @@albertmends sir please mention it in comment , coudn't find

    • @afaqahmad-ef4ky
      @afaqahmad-ef4ky หลายเดือนก่อน

      @@albertmends Sir still didn't found it

    • @afaqahmad-ef4ky
      @afaqahmad-ef4ky หลายเดือนก่อน +1

      @@albertmends Sir didn't found it. Pleae mentioned it

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

      @@afaqahmad-ef4ky ui.shadcn.com/docs/installation/next

  • @dannyyebs
    @dannyyebs หลายเดือนก่อน +1

    Another Great One ❤❤

  • @achrefnabil2463
    @achrefnabil2463 หลายเดือนก่อน +1

    We need node js projects 😢❤

  • @akshaynarwadkar5264
    @akshaynarwadkar5264 หลายเดือนก่อน +1

    Wonderful

  • @CarlosTello-h5s
    @CarlosTello-h5s หลายเดือนก่อน +1

    Nice project

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

    Can we deploy this project on Vercel ?

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

      Yeah by following the same procedure in the deployment section

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

      @@albertmends generate page is blank after writing the whole code getting these errors in the console :
      1) index.mjs:1536 Uncaught (in promise) Error: No database connection string was provided to `neon()`. Perhaps an environment variable has not been set?
      at neon (index.mjs:1536:35)
      at eval (dbConfig.jsx:9:17)
      at (app-pages-browser)/utils/db/dbConfig.jsx (localhost:3000/_next/static/chunks/app/generate/page.js:1610:1)
      at options.factory (webpack.js?v=1728992226012:715:31)
      at __webpack_require__ (webpack.js?v=1728992226012:37:33)
      at fn (webpack.js?v=1728992226012:371:21)
      at eval (VM8344 actions.ts:11:67)
      at (app-pages-browser)/utils/db/actions.ts (localhost:3000/_next/static/chunks/app/generate/page.js:1599:1)
      at options.factory (webpack.js?v=1728992226012:715:31)
      at __webpack_require__ (webpack.js?v=1728992226012:37:33)
      2) hook.js:591 Warning: An error occurred during hydration. The server HTML was replaced with client content in .
      Show 11 more frames
      3) hook.js:591 The above error occurred in the component:
      at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:112:27)
      at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:117:11)
      Consider adding an error boundary to your tree to customize error handling behavior.
      Visit reactjs.org/link/error-boundaries to learn more about error boundaries.
      4) react-dom.development.js:16571 Uncaught Error: There was an error while hydrating. Because the error happened outside of a Suspense boundary, the entire root will switch to client rendering.
      at updateHostRoot (react-dom.development.js:16571:57)
      at beginWork$1 (react-dom.development.js:18486:14)
      at beginWork (react-dom.development.js:26927:14)
      at performUnitOfWork (react-dom.development.js:25748:12)
      at workLoopSync (react-dom.development.js:25464:5)
      at renderRootSync (react-dom.development.js:25419:7)
      at recoverFromConcurrentError (react-dom.development.js:24597:20)
      at performConcurrentWorkOnRoot (react-dom.development.js:24542:26)
      at workLoop (scheduler.development.js:256:34)
      at flushWork (scheduler.development.js:225:14)
      i have checked the database url it is working fine
      i have checked the whole code as well, there is no error in the code but the generate page is blank and in the console these errors are present.. please provide solution

  • @apdiwhapmohmet4458
    @apdiwhapmohmet4458 หลายเดือนก่อน +1

    Thank you so so so so so much pro

  • @taffoo
    @taffoo หลายเดือนก่อน +1

    💯

  • @adriancamota2453
    @adriancamota2453 หลายเดือนก่อน +2

    Waiting for waste management part 2

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

      coming soon

  • @codebrilliantly
    @codebrilliantly หลายเดือนก่อน +1

    Great work

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

      Thanks bro 🙌🚀

  • @ahmadyakubuahmad7626
    @ahmadyakubuahmad7626 26 วันที่ผ่านมา +1

    Hey i am encountering this error trying to choose subscription plan : No user found with stripeCustomerId: user_2o0vUlVrWNA3NDCFJx4Hww2U4Y8
    Failed to create or update subscription
    Error creating or updating subscription: NeonDbError: Error connecting to
    database: fetch failed

    • @albertmends
      @albertmends  25 วันที่ผ่านมา +1

      Have you setup stripe at your side?

    • @ahmadyakubuahmad7626
      @ahmadyakubuahmad7626 20 วันที่ผ่านมา

      @@albertmends Hey Albert, the issue of the database connections and actions fucntions can be resolved simply by adding the "use server" directive to the actions.ts file making all the fucntions to run on the server, i have raised a PR to the repo, kindly check it out.

  • @doug8590
    @doug8590 หลายเดือนก่อน +1

    Can you do the next project with hugging face model?

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      sure thing!

  • @siuu.priyanshu
    @siuu.priyanshu หลายเดือนก่อน +2

    It's Perfect just Perfect

  • @datascientist7050
    @datascientist7050 หลายเดือนก่อน +1

    Is anyone able to see link of the starter file in description ?

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

      ui.shadcn.com/docs/installation/next

  • @siuu.priyanshu
    @siuu.priyanshu หลายเดือนก่อน +1

    Bro Video is not complete?

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

      Its a complete video. What do you think was missing? Let me know if I could help

  • @ahmadyakubuahmad7626
    @ahmadyakubuahmad7626 หลายเดือนก่อน +1

    Hey Bro, thanks for te content, i have been encountering this issue with drizzle orm migration error: permission denied for schema public
    at C:\Users\lenovo\Nextjs Projects\postcraftai
    ode_modules\pg-pool\index.js:45:11
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Object.query (C:\Users\lenovo\Nextjs Projects\postcraftai
    ode_modules\drizzle-kit\bin.cjs:64123:26)
    at async pgPush (C:\Users\lenovo\Nextjs Projects\postcraftai
    ode_modules\drizzle-kit\bin.cjs:81809:13)
    at async Object.handler (C:\Users\lenovo\Nextjs Projects\postcraftai
    ode_modules\drizzle-kit\bin.cjs:87283:9)
    at async run (C:\Users\lenovo\Nextjs Projects\postcraftai
    ode_modules\drizzle-kit\bin.cjs:85613:7) {
    length: 99,
    severity: 'ERROR',
    code: '42501',
    detail: undefined,
    hint: undefined,
    position: '28',
    internalPosition: undefined,
    internalQuery: undefined,
    where: undefined,
    schema: undefined,
    table: undefined,
    column: undefined,
    dataType: undefined,
    constraint: undefined,
    file: 'aclchk.c',
    line: '2807',
    routine: 'aclcheck_error'
    } any work around?

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

      There is a high change you are deploying a schema to a url which you do not have permission to

  • @AalekhCode
    @AalekhCode หลายเดือนก่อน +1

    where is the starter file please help me

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

      use this link to setup the starter file - ui.shadcn.com/docs/installation/next

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

    Hello brother thank you so much for this. You are God sent. Can you please make a AI powered system for sub Sahara African farmers to help predict the upcoming seasons and also suggestions for romantic animals to keep according to the region and on ways to take care of them.
    Thank you so much

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

      Alright… great idea 🙏 I will work on it

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

    good job bro !

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

      Thanks 🔥

  • @arc_ch
    @arc_ch 26 วันที่ผ่านมา +1

    Please check your mail. Sent you a query related to clerk login

    • @albertmends
      @albertmends  25 วันที่ผ่านมา

      Alright

    • @arc_ch
      @arc_ch 22 วันที่ผ่านมา

      @@albertmends Please check

  • @designsbycaleb
    @designsbycaleb หลายเดือนก่อน +1

    Your discord link is not working 🤷‍♂️

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

      I will check it bro

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

    is gemini AI api free ?

    • @albertmends
      @albertmends  หลายเดือนก่อน +1

      yeah its free

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

      @@albertmends how many calls or everything free ??

  • @savicsly
    @savicsly หลายเดือนก่อน +1

    2nd to watch but first to comment