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 theGo
button. -
/:slide
presents the selectedslide
in a frame. The value ofslide
is one of the names of the subdirectories incontents
.
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.
Top comments (0)