Our Favorite Tech Stack (2025)
A curated selection of modern tools and technologies for building web applications with Bwat's assistance.
Ideal Setup for New Bwat Users
Complete Development Environment
Essential Tools
- VS Code - Primary code editor Download here (opens in a new tab)
- GitHub - Code hosting platform Sign up here (opens in a new tab)
Frontend Technologies
- Next.js 14+ - React framework with App Router
- Tailwind CSS - Utility-first CSS framework
- TypeScript - Type-safe JavaScript variant
Backend Solutions
- Supabase - All-in-one backend platform Sign up (opens in a new tab)
- PostgreSQL database
- Authentication services
- File storage system
- Real-time functionality
Deployment Platform
- Vercel - Cloud hosting service Sign up (opens in a new tab)
- GitHub integration for automatic deploys
- Preview environments for testing
- Global CDN distribution
AI Development Options
Model | Input Cost | Output Cost | Best Use Case |
---|---|---|---|
Claude 3.5 Sonnet | $3.00 | $15.00 | Production-grade applications |
DeepSeek R1 | $1.00 | $3.00 | Cost-sensitive production |
DeepSeek V3 | $0.14 | $2.20 | Development and prototyping |
Free Tier Benefits
Vercel (Hobby Plan)
- 100GB monthly bandwidth
- 100k serverless executions
- 100MB deployment size
- Automated HTTPS & CI/CD
Supabase (Free Tier)
- 500MB database storage
- 1GB file storage
- 50k monthly users
- 2M real-time messages
GitHub (Free Account)
- Unlimited public repos
- GitHub Actions included
- Project management tools
- Team collaboration features
Setup Guide
-
Install core tools: Follow our Development Essentials Guide
-
Configure Bwat's Memory System:
- Create
bwat_docs
folder in project root - Add
projectBrief.md
(template below) - Instruct Bwat to "initialize memory system"
- Create
-
Apply stack configuration:
- Create
.bwatrules
file (template provided) - Let Bwat handle remaining setup
- Create
Project Brief Template
# Project Overview
## Concept
Building [application type] for [primary purpose]
## Key Features
- Feature 1
- Feature 2
- Feature 3
## Target Audience
[User demographics]
## Technical Preferences
[Optional specifications]
Configuration Template
# Project Settings
## Technology Choices
- Next.js 14+ with App Router
- Tailwind CSS styling
- Supabase backend
- Vercel deployment
- GitHub version control
## Directory Structure
/src
/app - Next.js routes
/components - UI components
/lib - Utilities
/types - Type definitions
/supabase
/migrations - Database scripts
/seed - Initial data
/public - Static assets
## Development Process
- Bwat assists with code reviews
- Vercel auto-deploys main branch
- Database changes reviewed pre-execution
## Security Policies
RESTRICTED ACCESS TO:
- .env files
- */config/secrets.*
- Any credential-containing files
Learning Resources
Next.js/React
- Next.js Official Tutorial (opens in a new tab)
- App Router Crash Course (opens in a new tab)
- Practical Next.js Projects (opens in a new tab)
Supabase
- Supabase Fundamentals (opens in a new tab)
- Official Documentation (opens in a new tab)
- Next.js Integration Guide (opens in a new tab)
Tailwind CSS
- Beginner's Guide (opens in a new tab)
- Official Docs (opens in a new tab)
- Interactive Course (opens in a new tab)
Development Practices
Git Workflow Essentials
Daily Commands
# Save progress
git add .
git commit -m "Descriptive message"
# Share changes
git push origin main
Standard Routine
- Start with latest version:
git pull origin main
- Commit work regularly
- Push completed features
Key Recommendations
- Frequent, atomic commits
- Always pull before starting
- Never commit sensitive data
Environment Management
- Use
.env.local
for development - Configure production variables in Vercel
- Exclude
.env
from version control
Support Options
- Use
/help
in Bwat chat - Consult Bwat Documentation
- Join our Community Discord (opens in a new tab)
- Search existing GitHub issues
Remember: Bwat provides guidance at every development stage - just ask!