Interactive web apps at the Edge with Remix, Neon, and Prisma

on YouTube ↗31m

" summary

Shows a Remix app deployed to Cloudflare Pages using Neon for Postgres and Prisma as the ORM, with a live quiz survey demo that updates in real time against Neon. Explains Prisma’s native Rust engine cannot run on Workers, necessitating a rewrite to WebAssembly-based Prisma (Early Access) and bundling tweaks for esbuild. Notes Neon auto-sleeps after 5 minutes of inactivity, Cloudflare offers 100k free requests/day with 10ms CPU per request, and Cloudflare’s 1MB deployment limit.

AI-written summary · about

" chapters (11)

1. 0:00Introduction and goals
2. 1:54What are Cloudflare Workers
3. 6:27Neon serverless PostgreSQL
4. 7:51Remix framework overview
5. 13:33Remix data loading methods
6. 15:38Prisma database toolkit
7. 18:48Prisma WebAssembly integration
8. 19:30Live demo setup
9. 21:00Demo walkthrough
10. 24:56Demo code and resources
11. 25:18Key takeaways and conclusion

" related talks

• 09mPrisma, Next.js & ISR: Building Speedy Web AppsSam Poder · Prisma Day 2021
• 24mDatabase Access on the Edge with Cloudflare Workers & PrismaAlex Ruheni · Node Congress 2022
• 17mStaging is Dead, Long Live Previews!Anna Stepanyan · JSworld Conference 2023
• 28mNext.js and Prisma: Databases in Serverless Made EasyDaniel Norman · Next.js Conf 2021
• 24mUsing Prisma in a Full-Stack Redwood AppMilecia McGregor · Prisma Day 2021
• 02h 05mGetting Started with Next.js and PrismaRyan Chenkie, Lee Robinson · Prisma Day 2021
• 16mHow Next.js and Prisma make frontend developers full-stackAmy Dutton · Next.js Conf 2022
• 29mModernize and Robust Applications with Prisma & Azure SQL ServerGlaucia Lemos · CityJS Conference São Paulo 2022