A complete low-no code solution for frame building on Farcaster.
- ✅ Easy to learn & use Astro framework (great for beginners!)
- ✅ No to low coding required
- ✅ Simple text styling
- ✅ Pre-loaded fonts & icons
- ✅ HTML5
- ✅ TypeScript
- ✅ Tailwind CSS
- ✅ Universal Docker deployment
- ✅ Simple text styling
Inside the project, you'll see the following folders and files:
├── public/
├── src/
│ ├── components/
│ ├── content/
│ ├── layouts/
│ └── pages/
├── astro.config.mjs
├── README.md
├── package.json
└── tsconfig.json
My 1st Frame is built using Astro, which looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.
There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
The src/content/ directory contains "collections" of related Markdown and MDX documents. Use getCollection() to retrieve posts from src/content/blog/, and type-check your frontmatter using an optional schema. See Astro's Content Collections docs to learn more.
Any static assets, like images, can be placed in the public/ directory.
My 1st Frame kit is DUAL-licensed:
- The source code is available under the MIT license.
- ALL media assets (images, audio & video files, etc.) are CC0 1.0.
🌟 NO ATTRIBUTION REQUIRED .. ENJOY! 🌟