Email

var Component=(()=>{var u=Object.create;var o=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var =(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),k=(t,e)=>{for(var a in e)o(t,a,{get:e[a],enumerable:!0})},s=(t,e,a,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of f(e))!g.call(t,i)&&i!==a&&o(t,i,{get:()=>e[i],enumerable:!(r=m(e,i))||r.enumerable});return t};var w=(t,e,a)=>(a=t!=null?u(y(t)):{},s(e||!t||!t.__esModule?o(a,"default",{value:t,enumerable:!0}):a,t)),b=t=>s(o({},"__esModule",{value:!0}),t);var d=((C,c)=>{c.exports=_jsx_runtime});var x={};k(x,{default:()=>p,frontmatter:()=>j});var n=w(d()),j={title:"Email",description:"How to manage emails in this project."};function l(t){let e={a:"a",code:"code",figure:"figure",h2:"h2",h3:"h3",p:"p",pre:"pre",span:"span",...t.components},{Callout:a,Steps:r}=e;return a||h("Callout",!0),r||h("Steps",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(a,{type:"success",twClass:"mt-0",children:(0,n.jsxs)(e.p,{children:["The magic-link feature with Resend works with Auth.js v5! ",(0,n.jsx)("br",{}), You can use it in your local environment and in your own production setup.]})}), ,(0,n.jsx)(a,{type:"warning",twClass:"mt-2.5",children:(0,n.jsx)(e.p,{children:However, you can't test it on this demo app because I don't want to use the premium Resend plan for this demo.})}), ,(0,n.jsxs)(e.h2,{id:"steps",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#steps",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Steps"]}), ,(0,n.jsx)(a,{type:"note",children:(0,n.jsxs)(e.p,{children:["The email part is similar at the ",(0,n.jsx)(e.a,{href:"https://resend.com/",children:"resend"}),documentation. You can find the official documentation,(0,n.jsx)(e.a,{href:"https://authjs.dev/getting-started/installation#setup-environment",children:"here"}), if you want.]})}), ,(0,n.jsxs)(r,{children:[(0,n.jsxs)(e.h3,{id:"create-an-account",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#create-an-account",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Create an account"]}),(0,n.jsxs)(e.p,{children:["If don't have an account on Resend, just follow their steps after signup ",(0,n.jsx)(e.a,{href:"https://resend.com/signup",children:"here"}),"."]}),(0,n.jsxs)(e.h3,{id:"create-an-api-key",children:[(0,n.jsx)(e.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#create-an-api-key",children:(0,n.jsx)(e.span,{className:"icon icon-link"})}),"Create an API key"]}),(0,n.jsx)(e.p,{children:"After signin on Resend, he propurse you to create your first API key."}),(0,n.jsxs)(e.p,{children:["Copy/paste in your ",(0,n.jsx)(e.code,{children:".env"})," file."]}),(0,n.jsx)(e.figure,{"data-rehype-pretty-code-figure":"",children:(0,n.jsx)(e.pre,{tabIndex:"0","data-language":"js","data-theme":"github-dark",rawString:RESEND_API_KEY = re_your_resend_api_key; ,children:(0,n.jsx)(e.code,{"data-language":"js","data-theme":"github-dark",style:{display:"grid"},children:(0,n.jsxs)(e.span,{"data-line":"",children:[(0,n.jsx)(e.span,{style:{color:"#79B8FF"},children:"RESEND_API_KEY"}),(0,n.jsx)(e.span,{style:{color:"#F97583"},children:" ="}),(0,n.jsx)(e.span,{style:{color:"#E1E4E8"},children:" re_your_resend_api_key;"})]})})})})]}), ]})}function p(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,{...t,children:(0,n.jsx)(l,{...t})}):l(t)}function h(t,e){throw new Error("Expected "+(e?"component":"object")+" "+t+" to be defined: you likely forgot to import, pass, or provide it.")}return b(x);})(); ;return Component;