https://github.com/xerxescoder/farcaster-miniapp
Farcaster Mini App Next.js Template
https://github.com/xerxescoder/farcaster-miniapp
farcaster farcaster-frame farcaster-mini-app nextjs
Last synced: 7 months ago
JSON representation
Farcaster Mini App Next.js Template
- Host: GitHub
- URL: https://github.com/xerxescoder/farcaster-miniapp
- Owner: XerxesCoder
- Created: 2025-07-20T14:46:59.000Z (7 months ago)
- Default Branch: master
- Last Pushed: 2025-07-20T15:14:21.000Z (7 months ago)
- Last Synced: 2025-07-20T16:27:31.976Z (7 months ago)
- Topics: farcaster, farcaster-frame, farcaster-mini-app, nextjs
- Language: JavaScript
- Homepage: https://farcaster-miniapp-template-steel.vercel.app
- Size: 1.33 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Farcaster Mini App Next.js Template
A beautiful, modern starter template for building [Farcaster Mini Apps](https://miniapps.farcaster.xyz/) with [Next.js](https://nextjs.org/), [shadcn/ui](https://ui.shadcn.com/), and [Tailwind CSS](https://tailwindcss.com/).
### 🌌 Live Demo
🔗 [Farcaster Mini App](https://farcaster-miniapp-template-steel.vercel.app/)
## ✨ Features
- ⚡ **Farcaster Mini App Ready**
Pre-configured for seamless integration with the Farcaster Mini App SDK.
- 🎨 **Beautiful UI**
Built with [shadcn/ui](https://ui.shadcn.com/) components and Tailwind CSS for rapid, accessible, and customizable design.
- 📱 **Responsive Design**
Looks great on all devices, from mobile to desktop.
- 🛠️ **Easy Customization**
Change colors, fonts, and layouts easily with Tailwind utility classes.
- 🦄 **Wallet Connect Support**
Includes [wagmi](https://wagmi.sh/) for Ethereum wallet connection.
---
## 🚀 Getting Started
1. **Clone the repo:**
```bash
git clone https://github.com/XerxesCoder/farcaster-miniapp.git
cd farcaster-miniapp
```
2. **Install dependencies:**
```bash
npm install
# or
yarn install
```
3. **Run the development server:**
```bash
npm run dev
# or
yarn dev
```
4. **Open [http://localhost:3000](http://localhost:3000) in your browser.**
## 🧩 Stack
- [Next.js](https://nextjs.org/)
- [shadcn/ui](https://ui.shadcn.com/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Farcaster Mini App SDK](https://miniapps.farcaster.xyz/)
- [wagmi](https://wagmi.sh/) (for wallet connection)
- [lucide-react](https://lucide.dev/) (for icons)
## 📚 Documentation
- **Farcaster Mini Apps:**
[https://docs.farcaster.xyz/mini-apps](https://docs.farcaster.xyz/mini-apps)
## Contact
If you have any questions or feedback, please feel free to reach out.
- **Telegram**: [@xerxescoder](https://t.me/xerxescoder)
- **Telegram Channel**: [@xerxescodes](https://t.me/xerxescodes)
- **Email**: [xerxescode@gmail.com](mailto:xerxescode@gmail.com)
> Made with ❤️ for the Farcaster community.
## 📄 License
MIT