Jak zbudowałem UltiGameMate z Eleventy i Supabase ✣ S.Bistrović

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.

Okładka UltiGameMate

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ę.

Oto galeria jak wygląda aplikacja:

Zrzut ekranu strony głównej UltiGameMate.

Zrzut ekranu strony głównej UltiGameMate.

Zrzut ekranu strony z wynikami UltiGameMate.

Zrzut ekranu przedstawiający okno dialogowe pojedynczego wyniku UltiGameMate.

Zrzut ekranu strony lig UltiGameMate.

Wypróbuj, to nic nie kosztuje!



Source link

Postagens Similares

  • 莉安·莱姆斯 (LeAnn Rimes) 在激烈的“深下巴释放”过程中抽泣起来

    莉安·莱姆斯 (LeAnn Rimes) 分享了一段自己在所谓的“深下巴释放”过程中抽泣的视频,让粉丝们既关心又好奇。“深下巴释放”是一种声称可以释放储存的压力和情绪的身体技术。 像这样的“筋膜动作”的练习者,包括影响者加里·莱纳姆(Garry Lineham),声称紧张、压力甚至记忆都储存在下巴肌肉等地方,导致深层的情绪反应得到释放。 这些方法并没有完全得到科学的支持,但这并没有减慢人们的兴趣。 加里·莱纳姆 (Garry Lineham) 让莉安·莱姆斯 (LeAnn Rimes) 落泪 周日,一位自称“人类编程”专家的筋膜练习者在 Instagram 上发布了一张自己的照片,让这位“蓝色”歌手落泪。当莱姆斯从嘴里按摩她下巴的某个区域时,他几乎要大喊大叫,然后呻吟起来,开始在桌子上抽泣。 “说,‘我生命中的这一部分已经结束了,’”莱纳姆指示道。 “我生命中的这一部分最好结束了,”莱姆斯笑道。 “天哪,你根本没有意识到那里有多么紧张。” 到底什么是“深颌释放”? 在视频描述中,莱纳姆称下巴为“身体主要的压力存储部位之一”。 “当我们抑制声音或承受压力时,面部和颈部的筋膜会‘锁定’以保护我们,”他说。 “通过使用这些动作向神经系统发出安全信号,我们最终可以让储存的能量移动。” 这位有影响力的人正在描述一种在整骨手法治疗(OMT)框架下较新且有些争议的医疗实践。这背后的理论是,身体是相互联系的,因此慢性疼痛等疾病的治疗应该涉及“全身方法”。 根据约翰·霍普金斯的说法,筋膜是“一层薄薄的结缔组织外壳,包围并固定每个器官、血管、骨骼、神经纤维和肌肉”。压力会导致该组织收紧,从而导致肌肉疼痛和僵硬。 2020 年 OMT 观点回顾指出,虽然现代医学认为这种做法是安全的,但“其治疗慢性疼痛功效的证据有限”。唯一的例外是慢性腰痛,这一问题在 2018 年影响了 7580 万美国成年人。 “合法的科学还是更多的健康戏剧?” 弄清楚 OMT 背后的科学原理以及它是否真的有效是一个持续的挑战,但 LeAnn Rimes 显然发生了一些事情。在 X 上,一位名叫乔尼·米勒 (Jonny Miller) 的男子负责举办“神经系统掌握”训练营(无论这意味着什么),他试图做出解释。 “莉安·莱姆斯正在治疗她的咬肌,这是人体血管最密集的区域之一,”他写道。 “当对夹紧区域施加足够的安全性+存在+压力时,就会为闩锁的打开创造条件。” 这是一个教科书式的解锁过程。 LeAnn Rimes 正在接受咬肌治疗,这是人体血管最密集的区域之一* 当足够的安全性+存在+压力施加到夹紧区域时,它为闩锁打开创造了条件……这…… https://t.co/44NFaARzxN —…

  • 3 Änderungen bei der KI-Suche, für die jeder Vermarkter im zweiten Quartal einen Plan braucht

    Die Art und Weise, wie Menschen Ihre Inhalte finden, darauf klicken und daraus konvertieren, hat sich in diesem Quartal geändert. Die KI-Suche hat sich von einer Sichtbarkeitsfrage zu einer Mess- und Budgetfrage entwickelt, und die meisten Marketingteams haben noch nicht aufgeholt. Deshalb haben wir SEJ Live entwickelt. Es handelt sich um eine kostenlose, halbtägige virtuelle…

  • O Tirith – ‘Quetzalcoatl’ | Som obscuro

    Roqueiros progressivos baseados no Reino Unido O Tirith mostram um talento maravilhoso para versatilidade tonal e poder melódico em seu novo álbum Quetzalcóatl. Os destaques são abundantes; a faixa-título agitada e pesada canaliza o misticismo mesoamericano, enquanto a inventiva “No Mind (Mushin)” oferece um épico progressivo de inspiração zen, alimentado por sintetizadores atmosféricos e guitarras…

  • 伊娃卡塞爾-《夠好》

    《Good Enough》融合了另類民謠和旋律搖滾,是納許維爾藝術家自製的新單曲 伊娃·卡塞爾。這首歌以高潮的製作而脫穎而出,令人難忘的歌聲、最近繼承的曼陀林和充滿活力的吉他引導著人們克服內心的不和諧、心碎和對分手的懷疑。 「我只是不斷地懷疑自己,並想知道…」一段對話式的聲音備忘錄範本打開了曲目,然後隨著卡塞爾動人的聲音出現而進入溫暖的吉他聲。 「你怎麼知道什麼時候是對的?」她放了出來。 「難道只是時機不對嗎?」一種被迷住的狀態——「當我看著你的眼睛時…」——進入了一個更令人失望的現實,尋找答案卻找不到答案。 「離開合適嗎?我搞砸了嗎?」卡塞爾的聲音呈現出一種令人激動的脆弱品質,同時散發出一種飆升的音調魅力,透過揮之不去的情感——「還在你的T卹裡睡覺……」——以及前面提到的事後猜測,巧妙地追踪了一段關係的解體和後果。 一個特別引起共鳴的片段出現在兩分鐘的回合中,當卡塞爾的聲音表現出一種宣洩和自信的感覺時,豐富的細流膨脹成電子熱情,相信“我的直覺”,並將“好和足夠好”之間的區別視為關係中非常重要的區別。 《Good Enough》是一首精彩而感人的歌曲創作,在旋律搖滾和另類民謠的協同作用中巧妙地探索了分手後的沉思。 「Good Enough」代表了卡塞爾即將發行的專輯中的第一張專輯, 緩慢的死亡。 — 這首歌曲和本月精選的其他曲目可以在更新的 Obscure Sound 的「新興單曲」Spotify 播放清單中播放。 我們透過 MusoSoup 發現了這個版本。 Source link

  • Anasa kwenye Bajeti: Jinsi ya Kuishi kwa Fahari Kabisa

    Umewahi kuvinjari washawishi wa maisha ya anasa na kufikiria, “Je! Wanawezaje kumudu yote hayo?” Nimekuwa nikiifuata kama mbwa kutoka kwenye kamba 🙂 Hii ndiyo siri—wamefahamu sanaa ya anasa kwenye bajeti. Hiyo ni kweli: hauitaji malipo ya milionea ili kuishi kama mtu mmoja. Chapisho hili ndilo mwongozo wako mkuu wa kuishi anasa kwa bei nafuu. Tutakuonyesha…

  • কর্নেল জেরার্ড তার স্ব-শিরোনাম অভিষেকের মধ্যে প্রেম, সন্দেহ এবং সবকিছুর সন্ধান করেছেন

    গায়ক/গীতিকার কর্নেল জেরার্ডের স্ব-শিরোনামযুক্ত প্রথম অ্যালবামটি প্রেম, সন্দেহ, ভুল যোগাযোগ এবং ধরে রাখা এবং ছেড়ে দেওয়ার মধ্যে অগোছালো মাঝামাঝি সম্পর্কে গানের একটি উষ্ণ, হৃদয়গ্রাহী সংগ্রহ। “কাম অন ওভার” – কর্নেল জেরার্ড গওল জেরার্ডের স্ব-শিরোনামযুক্ত আত্মপ্রকাশ লন্ডন-ভিত্তিক গায়ক/গীতিকারকে প্রেম, সময় এবং ভুল যোগাযোগ দ্বারা আকৃতির মুহূর্তগুলির একটি সিরিজ খুলেছে। ফেব্রুয়ারির শুরুতে স্বাধীনভাবে প্রকাশিত, অ্যালবামটি সংযোগ,…

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *