Overview
Portal Ciudadano Manta is a Vue 3 + TypeScript SPA that can be deployed to various platforms. The application uses Supabase as its backend service.Prerequisites
Before deploying, ensure you have:Node.js 16+
Required for building the application
Supabase Account
Free tier available at supabase.com
Environment Variables
Supabase URL and anonymous key configured
Git Repository
For automatic deployments (optional)
Technology Stack
Frontend
| Technology | Version | Purpose |
|---|---|---|
| Vue.js | 3.5+ | Progressive JavaScript framework |
| TypeScript | 5.9+ | Static type checking |
| Vite | 7.1+ | Ultra-fast build tool |
| Tailwind CSS | 4.1+ | Utility-first CSS framework |
| Vue Router | 4.6+ | SPA routing |
| Pinia | 3.0+ | State management |
| Vue I18n | 9.14+ | Internationalization (ES/EN/QU) |
| Leaflet | 1.9+ | Interactive maps |
Backend & Database
| Technology | Purpose |
|---|---|
| Supabase | Backend as a Service (BaaS) |
| PostgreSQL | Relational database |
| Row Level Security | Database security policies |
| Supabase Storage | File storage |
| Supabase Auth | Authentication & authorization |
Deployment Platforms
Netlify
Recommended for automatic GitHub deployments with built-in CI/CD
Vercel
Optimized for modern web frameworks with excellent DX
Build Configuration
Build Command
Output Directory
Build Optimizations
The application is configured with:- Code Splitting: Vendor chunks for
vue,i18n,supabase, andleaflet - Minification: Using esbuild for fast builds
- Target: ES2015 for broad browser compatibility
- Chunk Size Warning: 1000kb limit
Browser Compatibility
Chrome 90+
✅ Fully supported
Firefox 88+
✅ Fully supported
Safari 14+
✅ Fully supported
Edge 90+
✅ Fully supported
Opera 76+
✅ Fully supported
Deployment Checklist
Configure Supabase
Set up your Supabase project and apply database schemaSee Supabase Setup
Set Environment Variables
Configure
VITE_SUPABASE_URL and VITE_SUPABASE_ANON_KEYSee Environment VariablesApply Security Policies
Enable Row Level Security and Storage PoliciesSee RLS Policies and Storage Policies
Next Steps
Supabase Setup
Configure your Supabase backend
Environment Variables
Set up required configuration