Emoji Reactions with Astro 4.0 and Svelte
HTML-код
- Опубликовано: 12 июн 2024
- Astro can do everything that Next.js can do! Let's see how to add dynamic emoji reactions using Astro Islands with Svelte and API endpoints connected to a Xata database.
Full Astro Course - astrocourse.dev/
Astro Islands - docs.astro.build/en/concepts/...
Try Xata for free - xata.io/
*Newsletter*
Newsletter 🗞 - www.jamesqquick.com/newsletter
*DISCORD*
Join the Learn Build Teach Discord Server 💬 - / discord
Follow me on Twitter 🐦 - / jamesqquick
Check out the Podcast - compressed.fm/
Courses - jamesqquick.com/courses
*QUESTIONS ABOUT MY SETUP*
Check out my Uses page for my VS Code setup, what recording equipment I use, etc. www.jamesqquick.com/uses
*TIMESTAMPS*
00:00 - Intro
00:20 - What We'll Build and Project Overview
02:15 - Displaying Emojis Using Svelte Font Awesome Icons
11:30 - Astro API Endpoint with Xata database
17:00 - Making an API Request From Svelte
19:50 - Astro Islands Client Directives
21:30 - Querying Reaction Data with Xata
Love the Astro content. Keep it up
Thank you! I'm a big fan!
Nice one James! In my Astro talk for THAT Conference Texas I'm also including an emoji reactions component (not using Xata though) so don't say I stole it from you 🤣🤣
hahaha that's aawesome! What db are you using?
@@JamesQQuickI am using Appwrite!
Beware of using operating system emoji. I recently tried using emoji on a web app. I reverted back to svg after testing the site on Windows 10. Apple emoji look awesome, Windows 10 emoji are the worst... ignoring the fact they look terrible they all have a thick black border that just looks terrible.