Website e Plataforma Multiartista
Voltar ao Portfólio
Desenvolvimento 2025

Website e Plataforma Multiartista

Aplicação Full Stack (SvelteKit + Docker) com arquitetura robusta, CI/CD próprio e CMS Headles

Galeria do Projeto

Tech Stack

SvelteKit 5DockerTailwindCSS v4NginxDecap CMS

Esta plataforma não é apenas um site de portfólio; é um manifesto técnico e artístico.

Concebida para resolver o problema da fragmentação da identidade digital de um artista multidisciplinar, a aplicação unifica Música, Filosofia e Arte Visual em uma experiência de App (Single Page Application - SPA), onde a navegação é fluida e o áudio é contínuo.

Arquitetura “Dogfooding”

Como desenvolvedor e cliente do próprio projeto, adotei a filosofia de Dogfooding (usar seu próprio produto). Isso permitiu iterar rapidamente sobre a experiência de administração do conteúdo, resultando na implementação de um CMS (Headless) que permite a edição completa do site sem tocar em uma linha de código.

Destaques Técnicos

  1. Persistent Audio Player: O maior desafio técnico foi manter o player de áudio global tocando ininterruptamente enquanto o usuário navega entre rotas pesadas (carregamento de imagens, transições de página). Isso foi resolvido graças ao sistema de roteamento do SvelteKit e gerenciamento de estado global com Runes (Svelte 5).

  2. Infraestrutura DevOps: O site não roda em hospedagens compartilhadas simples. Ele opera em um container Docker isolado dentro de uma VPS Linux, orquestrado por um script de deploy CI/CD personalizado e servido através de um proxy reverso Nginx com SSL automático.

  3. Performance Audit: Otimização agressiva de imagens (WebP), Lazy Loading e Font Subsetting garantem que, mesmo com a estética visual rica (“Dark & Moody”), o site carregue instantaneamente.

A Tríade Digital

O projeto foi estruturado para atender três pilares de conteúdo com layouts específicos:

  • Discografia: Player integrado e links para DSPs (Spotify/Apple).
  • Blog/Ensaios: Leitura confortável com tipografia serifada e modo noturno nativo.
  • Portfólio: Galleries imersivas para fotografia e vídeos.

Este site é a prova viva de que a engenharia de software pode ser, em si mesma, uma forma de expressão artística.