📷 Screenshot Service with Puppeteer & Google App Engine 🔴 LIVE Coding & Chill

Published: 01 January 1970
on channel: Johnny Magrippis
564
10

Last stream we created Dynamic Social Previews for our SvelteKit app!

We server-rendered HTML with Svelte components taking in dynamic data, took a browser screenshot with Puppeteer / Playwright, and then streamed that image buffer as our Open Graph thumbnail. It looked awesome!

Not required viewing, but check it out here:    • 🌄 Dynamic Social Preview Images with ...  

However, we could not deploy that service to Vercel / serverless, so today we’ll attempt to deploy a dedicated service on the Cloud!

Open to suggestions on EVERYTHING, but the agenda could be:

— Agenda —

[ ] Screenshot app?! What problem are we solving?
[ ] Why won’t serverless work?
[ ] Reminder 🥳 Marathon stream next Friday!
[ ] Let’s setup a new Typescript app!
[ ] Setup Puppeteer to take a screenshot!
[ ] DISCUSS router options! Express, Fastify, vanilla?
[ ] Setup routing / request parameters with Fastify(?)
[ ] Setup GitHub
[ ] DISCUSS deployment solutions! Google Cloud, AWS, Render.com..?
[ ] Google App Engine(?) Deployment
[ ] BONUS: Hit this service from a different app?
[ ] Next steps + make yourselves heard!

Click around Techy Cat: https://techy.cat/

— COMMUNITY —
I've just started a DISCORD SERVER for us 😱:   / discord  

October 21st we'll be building a brand new app, make yourselves heard in the Discord to shape-up what we'll be building!
— 🥳🥳🥳 —

No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄

— Highlighted software —

Puppeteer: https://github.com/puppeteer/puppeteer
Fastify: https://www.fastify.io/
Google App Engine: https://cloud.google.com/appengine

My own website: https://magrippis.com/

Search for `@jmagrippis` to find me on socials like Discord, Instagram & Twitter!

Between the comment section and the socials, let me know *somewhere* what you’d like me to cover next 🙌


Watch video 📷 Screenshot Service with Puppeteer & Google App Engine 🔴 LIVE Coding & Chill online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 01 January 1970, don't forget to share it with your friends and acquaintances, it has been viewed on our site 564 once and liked it 10 people.