How to Send Emails In Next.JS 14 With Dynamic Templates

Поділитися
Вставка
  • Опубліковано 20 сер 2024

КОМЕНТАРІ • 70

  • @moisespineda8520
    @moisespineda8520 14 днів тому

    Thank you, try a lot of videos!!! but yours it really help me

    • @SakuraDev
      @SakuraDev  14 днів тому

      I'm so glad to hear that my videos have been helpful for you! Your feedback means a lot to me. I'll keep making more content to support you and others. Thank you for watching! 😊🌟

  • @gautamkrishna.m3431
    @gautamkrishna.m3431 4 місяці тому

    Thank you so much, Bro! I was looking for a solution to send a simple email, and this is the best one I've found. Keep creating more informative videos!

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

      Glad it helped! ❤️❤️

  • @whezboo
    @whezboo 4 місяці тому +1

    I've been working on implementing email functionality in my Next.js 14 project, and I ran into some issues. It turns out, the bug was simply caused by me using the wrong email address! Silly mistake, but your tutorial really helped me sort it out. Thank you!

  • @nirvanzentinal
    @nirvanzentinal 23 дні тому

    Best

  • @prashlovessamosa
    @prashlovessamosa 9 місяців тому +2

    Hey Sakura can you please make some node and express stuff.
    Whatever you teaches directly goes into my head.

    • @SakuraDev
      @SakuraDev  9 місяців тому +2

      Hey 👋 thanks, what content do you like?

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

      Kinda like best practices 😅

  • @guddisAlex
    @guddisAlex 6 місяців тому

    thanks... that works very well! ;) I only had to refactor the server action into its own file because my form sits in a client component! It might be that I accidently send you an email once ;)

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

    Very usefull, Thanks for sharing

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

      Thank you so much 🙏

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

    Helpful Will try

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

    Excellent work Sakura !! ❤❤

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

      Thank you so much 🙏🙏😊

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

    Very Helpful

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

      I am glad it was helpful 🙏

  • @elanchezhianm8173
    @elanchezhianm8173 Місяць тому

    Thanks bro

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

    Great video and so helpful thank you.

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

      You are so welcome!

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

    Great video, thank you so much 😊

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

      Glad you enjoyed it!

  • @taifabeam
    @taifabeam 9 місяців тому +2

    i would like you to create a video, where a user fills in a form after that, the use receives an email that says the form has been sent and the form data going to a different email

    • @SakuraDev
      @SakuraDev  9 місяців тому +3

      I will upload it soon 🔜

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

      ​@@SakuraDevyes... really need one. I tried one and it says "use server" can't be used in the client component.

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

      if you understand this much then you dont know how to use it? 😮

  • @anuj7286
    @anuj7286 6 місяців тому

    Excellent video thank you!

    • @SakuraDev
      @SakuraDev  6 місяців тому

      Glad you enjoyed it!

    • @anuj7286
      @anuj7286 6 місяців тому

      @@SakuraDev I changed the output: "export" in next.config.js for static export html files. But when i take files to the nginx server the form submission failed and nodemailer is not working. I've used different method in route.ts. But locally it is working fine. In Response 405 METHOD not allowed is show. I guess api route is not working in static export.

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

    I can't get it to work. When I press the button, nothing happens except in the console I get:
    "ReferenceError: setImmediate is not defined"

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

    Could you please provide a production-grade TypeScript version of a MERN user management system using Prisma ORM? The system should include features such as user registration, account verification, login functionality, two-factor authentication (2FA), password recovery/reset using Nodemailer, role-based access control (RBAC) where an admin can manage users, including the ability to ban/unban them. Additionally, the system should utilize http-only cookies, access tokens, and refresh tokens. The frontend should be implemented with Redux Toolkit and include an interceptor. It would be great to see how an experienced developer like you would approach building this. Thanks in advance!

  • @juniorsemerzier660
    @juniorsemerzier660 9 місяців тому +1

    Sir ! It is exactly what I was looking for, thank you for your effort. but instead of a template as an attachment , I need to generate a pdf file and send it to the email. How can you help me?

    • @SakuraDev
      @SakuraDev  9 місяців тому +2

      Thanks, well maybe in the next video

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

      @@SakuraDev Thank you in advance sir, I will appreciate it.

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

    Thank you bro, but I have a issue the mail i send are going to spam box not inbox, please help how do i fix it

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

    excellent content brother

  • @amitodak
    @amitodak 4 місяці тому +1

    hi, can show how to send email with file upload?

    • @SakuraDev
      @SakuraDev  3 місяці тому +1

      Hi, yes you can . I will create a short video for that

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

    Thanks

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

    i'vee used but why handlebars import types error always send email failed why ?

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

      Hi, Do you have trouble with importing the handlebars or your problem is something else?

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

    Very good content!!, but how to make an attachement? like a pdf file!

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

    Wow! btw please how can I install bun on my windows laptop

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

      Hey 👋, it's still under development for windows.

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

    handlebars gives error in version 14 due to webpack.

    • @SakuraDev
      @SakuraDev  9 місяців тому +1

      Hey, just delete the node modules and then run npm i, it solved the problem for me

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

      @@SakuraDev Ok. I'll try both bun install and npm install. Let's see what works

    • @tharishaperera9345
      @tharishaperera9345 6 місяців тому

      Hi @@SakuraDev , tried deleting the node_module and running npm i. I still get those warnings. Is there any other way to solve this?

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

    teach how to use next auth and axios interceptors to deal with refresh token using the new next 14

    • @SakuraDev
      @SakuraDev  9 місяців тому +1

      Hi, I have a video about it in next js 13. You can use that solution on nextjs 14 as well.

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

      ua-cam.com/video/RPl0r-Yl6pU/v-deo.html

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

    All of this works nicely, but I getting this warning/error for handlebars; anyone else? Any idea how to fix? Solutions on the net didn't work (adapting next.config.mjs); weird you are not getting this as well:
    require.extensions is not supported by webpack. Use a loader instead.
    Import trace for requested module:
    ./node_modules/handlebars/lib/index.js
    ./app/components/auth_components/SignUpCard.js

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

    is nodemailer completely free ?
    i want to use it in my real projects.

    • @SakuraDev
      @SakuraDev  5 місяців тому +1

      Yes it is free

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

      @@SakuraDev thank you Mr. Sakura. really helpful 😃

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

      hi mr@@SakuraDev ,
      Is there a return value that can be given?
      so that I can find out whether the email delivery succeeded or failed?

  • @ddd-wg4zz
    @ddd-wg4zz 9 місяців тому

    nice🫰

  • @Benthetech-qn2lf
    @Benthetech-qn2lf 5 місяців тому

    Seeing this error and I try to find the solution but can't get it
    next-dev.js?3515:32 ./node_modules/nodemailer/lib/dkim/index.js:10:0
    Module not found: Can't resolve 'fs'

    • @Sasuke-kc6dw
      @Sasuke-kc6dw 4 місяці тому +1

      same do you have a solution?

    • @Benthetech-qn2lf
      @Benthetech-qn2lf 4 місяці тому

      @@Sasuke-kc6dw No how about you?

    • @Benthetech-qn2lf
      @Benthetech-qn2lf 4 місяці тому

      @@Sasuke-kc6dw But I'm now using resend

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

      The function for sending email should be called on server only not on client,

    • @muddy2146
      @muddy2146 13 днів тому

      The problem is that such a function cannot be used in client components. I also encountered a problem that the same error occurred when re-exporting this function, so just remove reexprot