Como construí o UltiGameMate com Eleventy e Supabase ✣ S.Bistrović
Quando declarei pela primeira vez a construção do UltiGameMate, pretendia aprender Svelte ou alguma outra estrutura semelhante. Logo percebi que não é para mim.
Então decidi mudar para algo mais familiar ao meu conjunto de habilidades – JAMstack.
Onze
Por muitos anos, Eleventy é meu framework favorito. É leve e fácil de configurar. Adicionar novos recursos também é bastante simples.
Para este projeto, eu precisava de algumas páginas públicas que todos os visitantes pudessem consumir, bem como algumas páginas sob login.
Decidi usar Liquid como linguagem de modelagem, pois é minha escolha padrão há muito tempo.
Supabase
Ouvi falar do Supabase mas nunca usei. Ele tem tudo que eu precisava para o projeto: provedor OAuth, funções Edge e, o mais importante, o banco de dados.
Para dados estáticos como conteúdo de banner, placar e clubes, estou usando o EleventyFetch. EleventyFetch armazena os dados localmente e estão disponíveis em todas as partes do aplicativo web. Isso facilita a exibição das informações sem necessidade adicional.
Para dados dinâmicos, como escolhas e reforços, estou usando a Biblioteca Cliente JavaScript. Isso significa que para todas as coisas dinâmicas do aplicativo, como autenticação, pontuações do usuário ou seleção de correspondências, estou usando um código do lado do cliente que se comunica com o banco de dados. Eu construí esqueletos para que os usuários saibam que precisam esperar pela interface antes de poder consumi-la ou interagir com ela.
Galeria
Aqui está uma galeria de como o aplicativo se parece:
Experimente, é grátis!
