Getting Started
Our Favorite Tech Stack

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

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

ModelInput CostOutput CostBest Use Case
Claude 3.5 Sonnet$3.00$15.00Production-grade applications
DeepSeek R1$1.00$3.00Cost-sensitive production
DeepSeek V3$0.14$2.20Development 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

  1. Install core tools: Follow our Development Essentials Guide

  2. Configure Bwat's Memory System:

    • Create bwat_docs folder in project root
    • Add projectBrief.md (template below)
    • Instruct Bwat to "initialize memory system"
  3. Apply stack configuration:

    • Create .bwatrules file (template provided)
    • Let Bwat handle remaining setup

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

Supabase

Tailwind CSS

Development Practices

Git Workflow Essentials

Daily Commands

# Save progress
git add .
git commit -m "Descriptive message"
 
# Share changes
git push origin main

Standard Routine

  1. Start with latest version:
git pull origin main
  1. Commit work regularly
  2. 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

Remember: Bwat provides guidance at every development stage - just ask!