project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4

frame.town

Single file val.town demo of creating a Farcaster frame in a single file

frame.town

Created At

Frameworks

Winner of

XMTP - Open Frames Bounty

Prize Pool

Dynamic - $100 and 3 months advanced plan

Project Description

This is a minimal example of a Farcaster frame hosted on val.town. Val Town is a social website to write and deploy TypeScript. This minimal self-contained example demonstrates using the Farcaster frame API, generating images using satori and resvg, and handling POST responses from Farcaster frame. It can serve as a great simple starting point for building frames, and many more things can be added such as a SQLite DB which is offered for free by val.town.

How it's Made

This example uses Hono, Satori, ReSVG and business logic to return the appropriate meta tags for the Farcaster frame API. I tested it using the https://warpcast.com/~/developers/frames site. It's all hosted in val.town, and you can look through all the versions of the code that I wrote before getting to the final version on the val.town link.

background image mobile

Join the mailing list

Get the latest news and updates