Frontend

When you drop a Hamcaster link in a cast it generates a frame image on the fly. It uses netlify edge functions. Edge functions use a deno like runtime so instead of trying to generate the image in the function, I make a call to my API server to generate the image and return the data. The edge function then modifies the HTML and inserts the required meta tags. 

I really like this lightweight approach. I can stick to my static react front end and my scalable load balanced API server on AWS and not be locked into vercel. You can do a similar thing with edge lambdas on AWS but since Hamcaster already used Netlify I thought I'd try out their edge functions. Not a big fan of deno but by offloading the image generation to the API server I didn't have to deal with package compatibility or database connections in the edge function.

When you drop a Hamcaster link in a cast it generates a frame image on the fly. It uses netlify edge functions. Edge functions use a deno like runtime so instead of trying to generate the image in the function, I make a call to my API server to generate the image and return the data. The edge function then modifies the HTML and inserts the required meta tags. 

I really like this lightweight approach. I can stick to my static react front end and my scalable load balanced API server on AWS and not be locked into vercel. You can do a similar thing with edge lambdas on AWS but since Hamcaster already used Netlify I thought I'd try out their edge functions. Not a big fan of deno but by offloading the image generation to the API server I didn't have to deal with package compatibility or database connections in the edge function. 

https://hamcaster.com/token/4482

Currently deploying. Unofficial head platypus of /lp 