Jak zbudowałem UltiGameMate z Eleventy i Supabase ✣ S.Bistrović
Kiedy po raz pierwszy wspomniałem o budowaniu UltiGameMate, miałem na myśli nauczenie się Svelte lub innego podobnego frameworka. Szybko zrozumiałem, że to nie dla mnie.
Następnie zdecydowałem się przejść na coś bardziej znanego z moich umiejętności – JAMstack.
Jedenaście
Od wielu lat Eleventy jest moim ulubionym frameworkiem. Jest lekki i łatwy w konfiguracji. Dodawanie nowych funkcji również jest dość pozorne.
Do tego projektu potrzebowałem kilku stron publicznych, z których mogliby korzystać wszyscy odwiedzający, a także kilku stron pod loginem.
Zdecydowałem się użyć Liquid jako języka szablonów, ponieważ jest to mój domyślny wybór od wieków.
Supabaza
Słyszałem o Supabase, ale nigdy z niego nie korzystałem. Ma wszystko, czego potrzebowałem do projektu: dostawcę OAuth, funkcje Edge i co najważniejsze, bazę danych.
W przypadku danych statycznych, takich jak zawartość banerów, tabela wyników i kluby, używam EleventyFetch. EleventyFetch przechowuje dane lokalnie i jest dostępny w każdej części aplikacji internetowej. Ułatwia to wyświetlenie informacji bez dodatkowego żądania.
W przypadku danych dynamicznych, takich jak typy i wzmocnienia, używam biblioteki klienta JavaScript. Oznacza to, że do wszystkich dynamicznych elementów aplikacji, takich jak uwierzytelnianie, wyniki użytkownika czy wybieranie dopasowań, używam kodu po stronie klienta, który komunikuje się z bazą danych. Zbudowałem szkielety, aby użytkownicy wiedzieli, że muszą poczekać na interfejs, zanim będą mogli go skonsumować lub wejść z nim w interakcję.
Galeria
Oto galeria jak wygląda aplikacja:
Wypróbuj, to nic nie kosztuje!
