​
Email Integration

​
How to Send Email with Solid

📧 Email Setup Guide

Complete guide for integrating email functionality using Resend

​
Resend Integration

Solid supports email functionality through Resend, a reliable email service provider. Here’s how to set it up:
1

Get Resend API Key

  1. Sign up at resend.com
  2. Create a new API key in your dashboard
  3. Note down your API key for configuration
2

Configure SMTP Settings

Use these Resend SMTP settings in your Solid project:
Host: smtp.resend.com
Port: 587
Username: resend
Password: [Your Resend API Key]
3

Add to Project

Include these details in your prompt when requesting email functionality:
For email use Resend's SMTP server with the following settings:
Host: smtp.resend.com
Port: 587
Username: resend
Password: (Resend API key)

My Resend API key is: [your-api-key]
Emails should be sent from this address: [your-from-email]

​
Email Use Cases

​
Payment Integration

​
Stripe Integration

Solid supports Stripe for secure payment processing:
1

Stripe Account Setup

  1. Create account at stripe.com
  2. Get your publishable and secret keys
  3. Configure webhook endpoints if needed
2

Integration Types

Choose the right integration for your needs:
  • Simple Redirect: For basic payment flows
  • Embedded Checkout: For seamless user experience
  • Subscription Billing: For recurring payments
3

Configuration in Prompts

Include Stripe details in your prompt:
For Stripe, use a simple redirect integration and polling rather than webhooks.
If you need a redirect URL get it from the client side, don't assume one.

stripe environment (sandbox or live) = sandbox
stripe publishable key = [your-publishable-key]
stripe secret key = [your-secret-key]

​
AI & LLM Integration

​
OpenAI Integration

Solid can integrate with OpenAI’s APIs for various AI-powered features:

Image Analysis

Analyze uploaded images for content, objects, or descriptions

Text Generation

Generate content, emails, or responses based on context

Chat & Assistants

Build conversational interfaces and AI assistants

Data Processing

Process and analyze text data with AI insights

​
Configuration Example

For LLM use gpt-4o.
My OpenAI API key is: [your-openai-api-key]

​
Database & Storage

​
File Upload with MinIO

Solid includes built-in file upload support using MinIO:

​
Database Access

Access your application’s database directly:
1

Development Database

URL format: [your-preview-app-url]/codapt/dbExample: https://preview-p9pdfsan2j5n10yr7ihs2y.codapt.app/codapt/db
2

Production Database

URL format: [YourProjectName].codapt.app/codapt/dbUse your project’s ADMIN_PASSWORD for authentication

​
Web Scraping & Automation

​
Playwright Integration

For web scraping and browser automation: 
For the actual scraping process, make sure to visit the URL using Playwright 
and then click the "No thanks" button/link before grabbing the content of the 
page for GPT analysis.
Key features:
  • Headless browser automation
  • JavaScript execution
  • Screenshot capture
  • Form interaction
  • Multi-page workflows

​
External APIs

​
Common Integration Patterns

​
Real-Time Features

​
WebSocket Integration

For real-time functionality like chat or live updates:
  • Socket.io: Real-time bidirectional communication
  • Server-Sent Events: One-way server-to-client updates
  • WebRTC: Peer-to-peer communication
Example use cases:
  • Live chat systems
  • Real-time notifications
  • Collaborative editing
  • Live data dashboards

​
Security & Authentication

​
Authentication Patterns

Email/Password

Traditional username and password authentication

OAuth

Integration with Google, GitHub, or other providers

JWT Tokens

Stateless authentication for API access

Role-Based Access

Different permissions for different user types

​
Best Practices

​
Configuration Management

Always use environment variables for sensitive information like API keys, passwords, and secrets.

​
Error Handling

  • Implement proper error boundaries
  • Provide meaningful error messages
  • Log errors for debugging
  • Graceful degradation for failed integrations

​
Performance

  • Cache frequently accessed data
  • Optimize database queries
  • Use CDN for static assets
  • Implement proper loading states
When requesting integrations in your prompts, always specify the exact configuration details and provide all necessary API keys and settings.