Emoji Reactions with Astro 4.0 and Svelte

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

[@KeeperOfTheGate]

Love the Astro content. Keep it up

[@JamesQQuick]

Thank you! I'm a big fan!

[@EddyVinck]

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 🤣🤣

[@JamesQQuick]

hahaha that's aawesome! What db are you using?

[@EddyVinck]

@@JamesQQuickI am using Appwrite!

[@m12652]

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.