A Farcaster Frame Starter For Slides

RMAG news

What

With this starter, you can create a frame for slides on Farcaster in one minute.

The sweeter thing is you can use markdown and no need to touch any code for frame.

How

This is how:

create a direct for your new slides in contents.
write the slides in markdown.
pnpm convert
review it locally with pnpm dev

publish it on vercel with pnpm deploy

Done!

Known Issues

Using relative paths for images in slides won’t generate the final images for the sliedes correctly.

But you can start a local http server for a workaround. See the example in this example:

![content-org](http://localhost:9000/contents/doc/content-org.png)

To setup a local http server:

python3 -m http.server 9000

The Frames Site

The default site generated is organized as below:

/ is the index of the whole site.

/submit is the target frame for the Go button.

/:slide presents the selected slide in a frame. The value of slide is one of the names of the subdirectories in contents.

Customization

This starter is using mdimg and the site builder is in convert.ts. So:

for style, read mdimg document.
for generation, change convert.ts and update /api/index.tsx.

Showcase

Read this document in this frame.

If you are interested in it, here is the code.