Our Favorite Tech Stack
Last updated
Last updated
VS Code - Your code editor,
GitHub - Where your code lives,
Next.js 14+ - React framework with App Router
Tailwind CSS - Beautiful styling without writing CSS
TypeScript - JavaScript, but safer and smarter
Supabase - Your complete backend solution,
PostgreSQL database
Authentication
File storage
Real-time updates
Automatic deployments from GitHub
Preview deployments for testing
Production-ready CDN
Choose your AI assistant based on your needs:
Claude 3.5 Sonnet
$3.00
$15.00
Production apps, complex tasks
DeepSeek R1
$1.00
$3.00
Budget-conscious production
DeepSeek V3
$0.14
$2.20
Budget-conscious development
Vercel (Hobby)
100 GB data transfer/month
100k serverless function invocations
100 MB deployment size
Automatic HTTPS & CI/CD
Supabase (Free)
500 MB database storage
1 GB file storage
50k monthly active users
2M real-time messages/month
GitHub (Free)
Unlimited public repositories
GitHub Actions CI/CD
Project management tools
Collaboration features
Install the development essentials:
Set up Cline's Memory Bank:
Create an empty cline_docs
folder in your project root
Create projectBrief.md
in the cline_docs
folder (see example below)
Tell Cline to "initialize memory bank"
Add our recommended stack configuration:
Create .clinerules
file (see template below)
Let Cline handle the rest!
Want to learn more about the technologies we're using? Here are some great resources:
Git helps you track changes in your code and collaborate with others. Here are the essential commands you'll use:
Daily Development
Common Workflow
Start of day: Get latest changes
During development: Save work regularly
End of day: Share your progress
Best Practices
Commit often with clear messages
Pull before starting new work
Push completed work to share with others
Use .gitignore
to avoid committing sensitive files
Tip: Vercel automatically deploys when you push to main!
Store secrets in .env.local
for development
Add them to Vercel project settings for production
Never commit .env
files to Git
Use /help
in Cline chat for immediate assistance
Search GitHub issues for common problems
Remember: Cline is here to help at every step. Just ask for guidance or clarification when needed!
Vercel - Where your app runs,
Follow our
Follow the
- Interactive tutorial
- Quick overview
- Practical examples
- Comprehensive course
Interactive course at
Check
Join our