Work
// INIT_SEQUENCE

MiniPausa - Guided Pauses & Meditation App

Mobile Development
Next.js
Capacitor
Supabase
Monorepo

MiniPausa is a comprehensive mental wellness platform featuring a cross-platform mobile app, admin dashboard, and landing page built as a monorepo with Next.js, Capacitor, and Supabase.

Visit Site

MiniPausa - Guided Pauses & Mental Wellness

“Taking a moment to breathe, recharge, and reconnect.”

MiniPausa is a complete wellness ecosystem designed for users who need brief guided pauses and mental rest during their day. Built as a highly optimized monorepo, the project encompasses a cross-platform mobile application, an administrative dashboard, and a marketing landing page, sharing a unified codebase and design system.

Features

  • Cross-Platform Mobile App: A web-first mobile application featuring guided audio pauses, grounding exercises, and progress tracking, packaged natively for iOS and Android using Capacitor.
  • Administrative Dashboard: A secure, server-side rendered (SSR) dashboard to manage audio content, categories, user analytics, and translations.
  • Unified Backend: Powered by Supabase for secure authentication, PostgreSQL database management, row-level security (RLS), and Edge Functions for advanced logic.
  • In-App Purchases & Paywalls: Integrated StoreKit and web checkout flows to handle premium content subscriptions.

Technologies Used

  • Next.js 16 (App Router) & React 19: The core framework powering the mobile web app, admin dashboard, and landing page.
  • Capacitor 8: Used to bridge the Next.js static export into native iOS and Android applications.
  • Supabase: Comprehensive backend-as-a-service handling PostgreSQL, Storage, Edge Functions, and Auth.
  • TypeScript & Tailwind CSS v4: Ensuring type safety and a rapid, responsive UI development workflow.
  • Monorepo Architecture (npm workspaces): Managing multiple applications (mobile, admin, landing, well-known) and shared packages efficiently in a single repository.

Challenges Overcome

  • Web-First to Native Transition: Ensuring the Next.js static export ran flawlessly within Capacitor required meticulous routing management and optimization of animations using motion to achieve a native feel.
  • Complex State & Audio Management: Handling background audio playback, offline capabilities, and user progress across a cross-platform environment.
  • Monorepo Scalability: Setting up shared types (like Supabase generated database types) and UI components across three different Next.js applications while keeping build times minimal.

Outcome

  • Cohesive Ecosystem: Delivered a seamless experience across marketing, administration, and end-user mobile usage.
  • Future-Proof Architecture: The Next.js and Supabase monorepo structure allows for rapid feature iteration and easy scaling as the user base grows.

MiniPausa - App de Pausas Guiadas y Bienestar Mental

“Tomándote un momento para respirar, recargar y reconectar.”

MiniPausa es un ecosistema de bienestar completo diseñado para usuarias que necesitan pausas breves y descanso mental durante su día. Construido como un monorepo altamente optimizado, el proyecto abarca una aplicación móvil multiplataforma, un dashboard administrativo y una landing page de marketing, compartiendo un código base y un sistema de diseño unificados.

Características

  • App Móvil Multiplataforma: Una aplicación web-first que ofrece pausas en audio guiadas, ejercicios de grounding y seguimiento de progreso, empaquetada de forma nativa para iOS y Android utilizando Capacitor.
  • Dashboard Administrativo: Un panel seguro con renderizado del lado del servidor (SSR) para gestionar contenido de audio, categorías, analíticas de usuarios y traducciones.
  • Backend Unificado: Impulsado por Supabase para una autenticación segura, gestión de base de datos PostgreSQL, seguridad a nivel de fila (RLS) y Edge Functions para lógica avanzada.
  • Compras In-App y Paywalls: Flujos integrados de StoreKit y checkout web para gestionar suscripciones de contenido premium.

Tecnologías Utilizadas

  • Next.js 16 (App Router) & React 19: El framework principal que impulsa la app web móvil, el dashboard de administración y la landing page.
  • Capacitor 8: Utilizado para convertir la exportación estática de Next.js en aplicaciones nativas de iOS y Android.
  • Supabase: Backend-as-a-service completo que maneja PostgreSQL, Storage, Edge Functions y Autenticación.
  • TypeScript & Tailwind CSS v4: Asegurando seguridad de tipos y un flujo de desarrollo de UI rápido y responsivo.
  • Arquitectura Monorepo (npm workspaces): Gestionando eficientemente múltiples aplicaciones (mobile, admin, landing, well-known) y paquetes compartidos en un solo repositorio.

Desafíos Superados

  • Transición de Web-First a Nativo: Garantizar que la exportación estática de Next.js funcionara perfectamente dentro de Capacitor requirió una gestión meticulosa del enrutamiento y la optimización de animaciones utilizando motion para lograr una sensación nativa.
  • Gestión Compleja de Estado y Audio: Manejar la reproducción de audio en segundo plano, capacidades offline y el progreso del usuario en un entorno multiplataforma.
  • Escalabilidad del Monorepo: Configurar tipos compartidos (como los tipos de base de datos generados por Supabase) y componentes UI a través de tres aplicaciones Next.js diferentes manteniendo tiempos de compilación mínimos.

Resultado

  • Ecosistema Cohesivo: Se entregó una experiencia fluida a través del marketing, la administración y el uso móvil del usuario final.
  • Arquitectura a Prueba de Futuro: La estructura del monorepo con Next.js y Supabase permite iterar rápidamente en nuevas funcionalidades y escalar fácilmente a medida que crece la base de usuarias.