- Guides
- Integration Guides
Guides
Integration Guides
Learn how to integrate external services and APIs with your Solid applications
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:
Get Resend API Key
- Sign up at resend.com
- Create a new API key in your dashboard
- Note down your API key for configuration
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]
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:
Stripe Account Setup
- Create account at stripe.com
- Get your publishable and secret keys
- Configure webhook endpoints if needed
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
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:
Development Database
URL format: [your-preview-app-url]/codapt/db
Example: https://preview-p9pdfsan2j5n10yr7ihs2y.codapt.app/codapt/db
Production Database
URL format: [YourProjectName].codapt.app/codapt/db
Use 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.