Full-Stack Jamstack Fun M I K E C A V A L I E R E Cheap Thrills w/Next.js, Prisma, SWR 

Full-stack polyglot (Rails, PHP, JS) ❤️ React & React Native ❤️ Jamstack (Especially Next.js) About me Mike Cavaliere @mcavaliere mcavaliere 

JavaScript + APIs + Markup 💡 Great , ! 

🚀 FAST 🔎 SEO 🔐 Secure 📈 Scalable 💰 Saves $$$ 💻 **Developer Experience (DX)** 

🧰 Toolbox 🛠 JS Framework Database Data fetching UI/layout/design Authentication 

Making Something Fun ~7 hours/wk investment time (🎉Echobind🎉) Fast; build in one day Use Jamstack Don't invent the wheel; use libs Don't spend money (free tools / hosting) Have fun doing it M Y C R I T E R I A : 

The makings of a game 

Let's Play! https://emoji-battle.vercel.app 

Breakdown Login/Signup (NextAuth) Main Page (SPA) 

schema.prisma 



click POST /api/emoji/create missive/emoji-mart (/pages/api/emoji/create.ts) Get user from session 

click POST /api/emoji/create missive/emoji-mart INSERT emoji and vote into DB 

fetch every 200ms & render /pages/api/emoji/list.ts one Prisma call does everything 🎉 Get all the emoji Get vote count for each emoji Ignore votes before 15 min ago Emoji w/most votes first 

Same deal for users. /pages/api/users/list.ts 

// TODO: ... Animation (framer-motion is included in Chakra!!) Websockets - for REAL real-time Make game dynamics more fun - lots of possibilities here github.com/mcavaliere/emoji-battle I have two kids and a book to write, you might beat me to it 

The Jamstack is great The Jamstack isn't just for websites; it's for apps This toolkit has unmatched DX === enjoyable to use Building fun things is a great way to level up your skillset Takeaways 

Go make something fun. 💰 we're hiring 💰 echobind.workable.com CutIntoTheJamstack.com echobind.com Mike Cavaliere @mcavaliere mcavaliere 📕 My book source: https://github.com/mcavaliere/emoji-battle