Pular para o conteúdo
Renan Spatin
Projetos

2024

Comunidade Católica Exaltai

comexaltai.com

Plataforma de comunidade católica com web, app mobile híbrido e backend próprio em .NET. Liturgia diária, eventos, editor de conteúdo e área de membros.

Papel
Engenheiro principal · Web + Mobile + API
Ano
2024
Stack
React 19ViteTypeScriptTailwind CSSCapacitor.NET 9 / C#ASP.NET CoreEF CorePostgreSQL
comexaltai.com
Comunidade Católica Exaltai — comexaltai.com

§ 02 highlights

  1. 01Backend ASP.NET Core 9 em Clean Architecture com Entity Framework Core 9 sobre PostgreSQL 16 e autenticação JWT.
  2. 02Web em React 19 + Vite e app mobile híbrido via Capacitor, compartilhando a mesma API — uma base de código, três superfícies.
  3. 03Editor TipTap e calendário litúrgico integrados para que o time editorial publique conteúdo sem precisar de engenharia.

§ 03 case

01

Contexto

A Comunidade Católica Exaltai é uma comunidade viva, com eventos presenciais, trilhas de formação e conteúdo editorial publicado todo dia. O desafio técnico era servir três superfícies diferentes — site institucional aberto, app mobile para membros, e backoffice para o time editorial — com recursos limitados de operação. Plataformas SaaS prontas (Squarespace, Wix, Substack) não cobrem a combinação de calendário litúrgico diário + editor rico com mídia + área de membros autenticada + app mobile publicado nas lojas. A decisão foi construir a plataforma do zero, com arquitetura que permitisse crescer sem reescrever.

02

Decisão de arquitetura

Backend único em ASP.NET Core 9 sobre PostgreSQL 16, organizado em Clean Architecture (Domain / Application / Infrastructure / API). Autenticação via JWT Bearer com refresh tokens, delegada ao backend próprio — sem depender de Auth0 ou Supabase. A decisão de ter API e dados sob controle permitiu especializar o schema para liturgia (o calendário litúrgico católico tem regras de calculation complexas, feriados móveis) em vez de forçar um CMS genérico a entender domínio. Trade-off aceito: mais código para manter, mais superfície de responsabilidade — compensado pela previsibilidade do comportamento em produção.

03

Uma base, três superfícies

A web institucional usa React 19 + Vite pela velocidade de build e DX, com Tailwind CSS e componentes Radix UI para consistência visual. O app mobile reusa 100% do código TypeScript via Capacitor — mesma base de React, mesma camada de API, empacotado como iOS/Android nativo. Isso economiza mais de 70% do esforço comparado a manter React Native + Web separados. O backoffice editorial é uma rota protegida da mesma SPA, com permissões gerenciadas pelo backend. Três produtos, um repositório, um pipeline de CI/CD.

04

Pipeline editorial

O time de conteúdo não é técnico. A barreira para publicar não pode ser git-push. Integrei TipTap (editor de texto rico baseado em ProseMirror) com upload de mídia direto para storage, preview ao vivo e publicação programada. O calendário litúrgico — com ciclos anuais, cores, santos do dia — é um módulo separado que consome dados eclesiásticos e serve tanto a web quanto o app. O resultado: o time editorial publica conteúdo diário sem precisar abrir ticket de engenharia.

05

Resultado e operação

Três superfícies vivas (web, iOS, Android) servindo conteúdo diário para a comunidade, operadas por uma equipe pequena. Backend deployado em Heroku pela simplicidade operacional — o custo fixo em baixo volume é previsível e não exige time de DevOps. Banco PostgreSQL gerenciado com backups automatizados. Observabilidade via logs estruturados (Serilog) e health checks explícitos. Entregue como engenheiro principal com mais de 220 commits, sustentando o produto em produção e operacionalmente.