Site Institucional e Plataforma de Conteúdo – Igreja
Desenvolvi um site completo para um cliente do segmento cristão, focado em performance, escalabilidade e excelente experiência do usuário. O frontend público foi construído com Next.js, utilizando Tailwind CSS, shadcn/ui e Zustand, explorando diferentes estratégias de renderização como SSR, ISR e CSR, de acordo com a necessidade de cada seção da aplicação.
O site conta com suporte a múltiplos idiomas, incluindo português e espanhol, garantindo maior alcance e acessibilidade para diferentes públicos.
O backend foi desenvolvido em Node.js utilizando o CMS Headless Strapi, onde foram criados campos e estruturas personalizadas conforme as necessidades do cliente. A aplicação possui áreas públicas e privadas, consumindo dados tanto via REST API quanto GraphQL. Parte do conteúdo é exibido apenas para usuários autenticados, permitindo uma experiência personalizada para membros específicos.
Além disso, foi desenvolvido um dashboard exclusivo para membros, permitindo o gerenciamento de conteúdo diretamente pelo celular, sem a necessidade de acessar o painel administrativo do Strapi. Esse frontend privado foi implementado em React, utilizando Zustand e React Query, seguindo uma arquitetura hexagonal, o que facilita a evolução do sistema, a adição de novas funcionalidades e garante mudanças seguras sem impactar o que já está em produção.
Detalles del Proyecto
Proceso y características
📅 Seção de Eventos
A aplicação conta com uma seção de eventos, onde são listados todos os eventos relacionados à igreja de forma organizada e dinâmica. Os usuários podem visualizar eventos ativos e eventos concluídos, acessando páginas de detalhes individuais para cada evento.
Cada evento possui informações completas, incluindo descrição, datas, status e galeria de imagens relacionadas, proporcionando uma visualização clara e rica em conteúdo. Essa seção foi pensada para facilitar o acompanhamento das atividades da igreja, garantindo uma navegação intuitiva e uma experiência consistente tanto em dispositivos móveis quanto desktop.
📝 Seção de Blog
O site possui uma seção de blog, responsável por renderizar os conteúdos publicados pela igreja de forma organizada e acessível. Os artigos contam com traduções em espanhol, permitindo alcançar um público mais amplo.
Cada publicação possui uma página dedicada, onde é possível visualizar o conteúdo completo do blog, além de informações como categoria e data de publicação. Essa seção foi desenvolvida com foco em SEO, legibilidade e boa experiência do usuário, facilitando a navegação e o consumo de conteúdo em diferentes dispositivos.
⚙️ Configuração e Dashboard do Strapi
Configurei e personalizei o backend no Strapi para atender às necessidades do site, estruturando os modelos de conteúdo e criando campos personalizados para gerenciar todas as informações exibidas na plataforma (eventos, blog, páginas e demais seções).
Também ajustei o painel administrativo (dashboard), organizando permissões, regras de acesso e fluxos de publicação, garantindo que a equipe pudesse cadastrar e atualizar conteúdos com facilidade, de forma segura e alinhada ao padrão do projeto.
🔐 Rotas Protegidas e Autenticação
A aplicação conta com rotas protegidas, especialmente no dashboard, garantindo que apenas usuários autenticados tenham acesso às áreas privadas do sistema. A autenticação é realizada utilizando as rotas nativas do Strapi, responsáveis por validar as credenciais dos usuários.
Após a autenticação, o sistema armazena o JWT e as informações do usuário retornadas pela API, permitindo o controle de sessão e a autorização de acesso às diferentes funcionalidades do dashboard. Esse fluxo garante segurança, persistência de sessão e uma experiência contínua para o usuário, tanto em ambiente web quanto mobile.
Dashboard Administrativo
A aplicação possui um dashboard administrativo, onde atualmente é possível gerenciar os eventos da igreja de forma completa. Nesta seção, os administradores podem criar, editar, ativar/desativar eventos e também marcá-los para exclusão, garantindo controle total sobre o conteúdo publicado.
O dashboard foi desenvolvido de forma modular e escalável, permitindo a adição de novas seções e funcionalidades conforme a demanda do cliente, sem comprometer a estabilidade do sistema. Essa abordagem garante evolução contínua do produto, alinhada às necessidades reais do negócio.
Galería
Capturas y visuales del proyecto
