A Frame in 100 lines (or less)

Farcaster Frames in less than 100 lines, and ready to be deployed to Vercel.

To test a deployed Frame, use: https://warpcast.com/~/developers/frames.

To test a localhost Frame, use: Framegear. A simple tool that allows you to run and test your frames locally:

without publishing
without casting
without spending warps

And let us know what you build by either mentioning @zizzamia on Warpcast or X.

Have fun! ⛵️

App Routing files

app/
api/
- frame/
  - route.ts

`app/layout.tsx`

export const viewport = {
  width: 'device-width',
  initialScale: 1.0,
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}

`app/config.ts`

export const NEXT_PUBLIC_URL = 'https://zizzamia.xyz';

Resources

Community ☁️ 🌁 ☁️

Check out the following places for more OnchainKit-related content:

Follow @zizzamia (X, Farcaster) for project updates
Join the discussions on our OnchainKit warpcast channel

Authors

@zizzamia (X)
@cnasc (warpcast)

License

This project is licensed under the MIT License - see the LICENSE.md file for details

SweetmanTech/gachapon