Step-by-step tutorials to help you build AI features into your SaaS product.
Available Tutorials
- First AI Chat - Build your first AI chat interface
- Streaming Responses - Implement real-time streaming
- Custom Prompts - Create domain-specific AI assistants
Prerequisites
Before starting, make sure you have:
- ShipSafe AI-SaaS boilerplate set up
- API keys configured:
OPENAI_API_KEY=sk-... ANTHROPIC_API_KEY=sk-ant-... # Optional - Basic Next.js knowledge - Understanding of React and API routes
- Firebase configured - Authentication and Firestore set up
Quick Start
The fastest way to get started:
- Set up API keys in
.env.local - Follow First AI Chat tutorial
- Test the chat endpoint
- Build your UI using the examples
Tutorial Structure
Each tutorial includes:
- Step-by-step instructions - Clear, actionable steps
- Code examples - Copy-paste ready code
- Best practices - Tips and recommendations
- Common pitfalls - What to avoid
- Next steps - Where to go from here
Getting Help
If you get stuck:
- Check the AI Features documentation
- Review the API documentation
- Check error messages in the console
- Verify your API keys are set correctly
Next Steps
Start with the First AI Chat tutorial to build your first AI feature!