16:["$","article",null,{"children":[["$","blockquote",null,{"children":["$","p",null,{"children":[["$","strong",null,{"children":"Note:"}]," This is mock/placeholder content for demonstration purposes."]}]}],["$","p",null,{"children":"The application includes email functionality for transactional messages and user notifications."}],["$","h2",null,{"level":2,"id":"email-configuration","children":"Email Configuration"}],["$","h3",null,{"level":3,"id":"supabase-email-(default)","children":"Supabase Email (Default)"}],["$","p",null,{"children":"By default, emails are sent through Supabase:"}],["$","ul",null,{"children":[["$","li",null,{"children":"Authentication emails (sign-up, password reset, magic links)"}],["$","li",null,{"children":"Email verification"}],["$","li",null,{"children":"Email change confirmation"}]]}],["$","h3",null,{"level":3,"id":"custom-smtp","children":"Custom SMTP"}],["$","p",null,{"children":"For transactional emails, configure your own SMTP provider:"}],["$","pre",null,{"data-language":"bash","children":"# .env\nSMTP_HOST=smtp.example.com\nSMTP_PORT=587\nSMTP_USER=your-username\nSMTP_PASSWORD=your-password\nSMTP_FROM_EMAIL=noreply@yourdomain.com\nSMTP_FROM_NAME=Your App Name\n"}],["$","h2",null,{"level":2,"id":"sending-emails","children":"Sending Emails"}],["$","h3",null,{"level":3,"id":"using-the-email-service","children":"Using the Email Service"}],["$","pre",null,{"data-language":"typescript","children":"import { sendEmail } from '~/lib/email/send-email';\n\nawait sendEmail({\n to: 'user@example.com',\n subject: 'Welcome to Our App',\n html: '

Welcome!

Thanks for signing up.

',\n});\n"}],["$","h3",null,{"level":3,"id":"using-email-templates","children":"Using Email Templates"}],["$","p",null,{"children":"Create reusable email templates:"}],["$","pre",null,{"data-language":"typescript","children":"// lib/email/templates/welcome-email.tsx\nimport { EmailTemplate } from '~/lib/email/email-template';\n\ninterface WelcomeEmailProps {\n name: string;\n loginUrl: string;\n}\n\nexport function WelcomeEmail({ name, loginUrl }: WelcomeEmailProps) {\n return (\n \n

Welcome, {name}!

We're excited to have you on board.

\n Get Started\n \n );\n}\n\n// Send the email\nimport { render } from '@react-email/render';\nimport { WelcomeEmail } from '~/lib/email/templates/welcome-email';\n\nconst html = render(\n \n);\n\nawait sendEmail({\n to: 'john@example.com',\n subject: 'Welcome to Our App',\n html,\n});\n"}],["$","h2",null,{"level":2,"id":"email-types","children":"Email Types"}],["$","h3",null,{"level":3,"id":"transactional-emails","children":"Transactional Emails"}],["$","p",null,{"children":"Emails triggered by user actions:"}],["$","ul",null,{"children":[["$","li",null,{"children":"Welcome emails"}],["$","li",null,{"children":"Order confirmations"}],["$","li",null,{"children":"Password resets"}],["$","li",null,{"children":"Account notifications"}],["$","li",null,{"children":"Billing updates"}]]}],["$","h3",null,{"level":3,"id":"marketing-emails","children":"Marketing Emails"}],["$","p",null,{"children":"Promotional and engagement emails:"}],["$","ul",null,{"children":[["$","li",null,{"children":"Product updates"}],["$","li",null,{"children":"Feature announcements"}],["$","li",null,{"children":"Newsletters"}],["$","li",null,{"children":"Onboarding sequences"}]]}],["$","h2",null,{"level":2,"id":"email-providers","children":"Email Providers"}],["$","h3",null,{"level":3,"id":"recommended-providers","children":"Recommended Providers"}],["$","p",null,{"children":[["$","strong",null,{"children":"Resend"}]," - Developer-friendly email API"]}],["$","pre",null,{"data-language":"bash","children":"npm install resend\n"}],["$","pre",null,{"data-language":"typescript","children":"import { Resend } from 'resend';\n\nconst resend = new Resend(process.env.RESEND_API_KEY);\n\nawait resend.emails.send({\n from: 'noreply@yourdomain.com',\n to: 'user@example.com',\n subject: 'Welcome',\n html: emailHtml,\n});\n"}],"$L18","$L19","$L1a","$L1b","$L1c","$L1d","$L1e","$L1f","$L20","$L21","$L22","$L23","$L24","$L25","$L26","$L27","$L28","$L29","$L2a","$L2b","$L2c","$L2d","$L2e","$L2f","$L30","$L31","$L32","$L33","$L34","$L35"]}]