diff --git a/shows/977 - We built a CSS Challenge platform.md b/shows/977 - We built a CSS Challenge platform.md new file mode 100644 index 000000000..7795664f1 --- /dev/null +++ b/shows/977 - We built a CSS Challenge platform.md @@ -0,0 +1,44 @@ +--- +number: 977 +title: We built a CSS Challenge platform +date: 1770634800000 +url: https://traffic.megaphone.fm/FSI6395905089.mp3 +youtube_url: https://www.youtube.com/watch?v=gcpfUP9L6es +--- + +Scott and Wes break down how they built SynHax, the real-time CSS Battle app powering the upcoming Mad CSS tournament. From SvelteKit and Zero to diffing algorithms, sync conflicts, and a last-minute hackweek glow-up, this one’s a deep dive into shipping ambitious web apps fast. + +### Show Notes + +* **[00:00](#t=00:00)** Welcome to Syntax! +* **[00:50](#t=00:50)** [March Mad CSS](https://madcss.com/) Tournament. +* **[03:19](#t=03:19)** Brought to you by [Sentry.io](https://sentry.io/syntax). +* **[03:59](#t=03:59)** What the heck is a CSS Battle? +* **[05:34](#t=05:34)** The tech stack. + * **[06:30](#t=06:30)** Svelte Kit. + * **[06:44](#t=06:44)** Zero Sync. + * [Zero Docs](https://zero.rocicorp.dev/) + * [Zero Svelte](https://github.com/stolinski/zero-svelte). + * **[07:32](#t=07:32)** [Drizzle](https://orm.drizzle.team/docs/overview). + * **[07:58](#t=07:58)** [Supabase](https://supabase.com/). + * **[08:23](#t=08:23)** [Graffiti](https://graffiti-ui.com/). + * **[10:45](#t=10:45)** Sync Server. + * **[12:10](#t=12:10)** Cloudflare Workers. + * **[12:23](#t=12:23)** Local File System. +* **[13:26](#t=13:26)** How Zero Works. + * **[13:48](#t=13:48)** Zero Sync Client. + * **[15:39](#t=15:39)** API server. +* **[19:34](#t=19:34)** Dealing with states and conflicts. +* **[24:25](#t=24:25)** The Hackweek Project. +* **[25:29](#t=25:29)** The Diffing Algorithm. +* **[35:22](#t=35:22)** The bugs. + +### Hit us up on Socials! + +Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm) + +Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos) + +Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski) + +Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor) \ No newline at end of file