🧵 Building your first web app in 2025? Here's the exact stack we...
Cline@cline
28 views
Feb 01, 2025
~1 min read
Advertisement
1
🧵 Building your first web app in 2025?
Here's the exact stack we recommend to new coders, featuring @code, @github, @nextjs, @tailwindcss, @supabase, and @vercel
Thousands have used this to ship their first project. Full guide below 👇
Here's the exact stack we recommend to new coders, featuring @code, @github, @nextjs, @tailwindcss, @supabase, and @vercel
Thousands have used this to ship their first project. Full guide below 👇
1:12
2
1/8 🛠️ Your Development Command Center:
VS Code - World-class editor
GitHub - Code home base
Next.js - React framework
Tailwind - Easy, elegant styling
Supabase - Backend magic
Vercel - Deploy in seconds
VS Code - World-class editor
GitHub - Code home base
Next.js - React framework
Tailwind - Easy, elegant styling
Supabase - Backend magic
Vercel - Deploy in seconds
3
2/8 🤖 Speaking of AI...
We recommend these models for using Cline:
🎖️Claude 3.5 Sonnet - Premium power
💸DeepSeek R1 (planning) V3 (coding) - Budget friendly
Pro tip: Start with DeepSeek for learning, upgrade to Sonnet if you're finding it's not complex enough.
We recommend these models for using Cline:
🎖️Claude 3.5 Sonnet - Premium power
💸DeepSeek R1 (planning) V3 (coding) - Budget friendly
Pro tip: Start with DeepSeek for learning, upgrade to Sonnet if you're finding it's not complex enough.
4
3/8 💰 The best part? Generous free tiers for everything!
⏯️Vercel Hobby:
>100GB bandwidth
>100k functions
>Auto HTTPS
📊Supabase Free:
>500MB database
>1GB storage
>50k users
You can build real products without spending a dime!
⏯️Vercel Hobby:
>100GB bandwidth
>100k functions
>Auto HTTPS
📊Supabase Free:
>500MB database
>1GB storage
>50k users
You can build real products without spending a dime!
5
4/8 🚀 Getting Started is EASY:
1. Install the basics (we have a guide!)
2. Set up Cline's Memory Bank
3. Create two files:
1️⃣projectBrief.md
2️⃣.clinerules
Then let Cline handle the rest!
docs.cline.bot/getting-starte…
1. Install the basics (we have a guide!)
2. Set up Cline's Memory Bank
3. Create two files:
1️⃣projectBrief.md
2️⃣.clinerules
Then let Cline handle the rest!
docs.cline.bot/getting-starte…
6
5/8 📝 Your projectBrief.md is simple:
>What are you building?
>Core features?
>Who's it for?
That's it! Cline uses this to understand your project and build out the rest of your context files as an experienced software engineer.
No tech knowledge required!
>What are you building?
>Core features?
>Who's it for?
That's it! Cline uses this to understand your project and build out the rest of your context files as an experienced software engineer.
No tech knowledge required!
7
6/8💡 Why this stack?
>Production-ready
>Scales beautifully
>Amazing developer experience
>Perfect for AI pairing
>Battle-tested by our community
>FREE to start!
>Production-ready
>Scales beautifully
>Amazing developer experience
>Perfect for AI pairing
>Battle-tested by our community
>FREE to start!
8
7/8 Link to the full guide: docs.cline.bot/getting-starte…
9
8/8🤝 Need help?
>Ask Cline in 'Plan' mode -- he's there to help guide you
>Ask in our #new-coders channel: discord.gg/cline
>Read our docs: docs.cline.bot
>Ask Cline in 'Plan' mode -- he's there to help guide you
>Ask in our #new-coders channel: discord.gg/cline
>Read our docs: docs.cline.bot
10
Bonus: Want to learn more from Cline users who are on the bleeding-edge:
r/cline: reddit.com/r/cline/
r/cline: reddit.com/r/cline/
