Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

How to create Farcaster mini app without coding - Step 1: > Go to ChatGPT > Just type: "I would like to create a Farcaster mini app, can you give me some ideas?" > Choose any one of the ideas - Note: - You can also type your own...

48,529 görüntüleme • 11 ay önce •via X (Twitter)

30 Yorum

direktur.crypto profil fotoğrafı
direktur.crypto11 ay önce

@farcaster_xyz it's so hard, we can install codex to get it faster

King_Izie👑 profil fotoğrafı
King_Izie👑11 ay önce

@farcaster_xyz 🥲except for professional developers, everyone can now vibe code Nice guide would help lots of non-developers

iAbstrus 🎒 profil fotoğrafı
iAbstrus 🎒11 ay önce

@farcaster_xyz Actually impressive how accessible development has become lately, a few years ago building something like this would have taken days, not just a few prompt chains.

pythor.eth profil fotoğrafı
pythor.eth11 ay önce

@farcaster_xyz airdrop farmooors incoming

Crust Community‼️ profil fotoğrafı
Crust Community‼️11 ay önce

@farcaster_xyz This truly looks fantastic! 🤩 Too bad we already launched our "Crust file mini app," on Farcaster,would have loved to try this instead.

Ш I LΨ F Ʊ L 🐂 🀄️ ᄅᄅᄅ profil fotoğrafı
Ш I LΨ F Ʊ L 🐂 🀄️ ᄅᄅᄅ11 ay önce

@farcaster_xyz @M1KEchandize

Ashish profil fotoğrafı
Ashish11 ay önce

@farcaster_xyz Much easier to do this via @minidevfun

Rakib profil fotoğrafı
Rakib11 ay önce

@farcaster_xyz bookmarked iam going to making a miniapp from my side also iam finding those type of guide you drop it btw thanks

Ron profil fotoğrafı
Ron11 ay önce

@farcaster_xyz 🐟

Blum profil fotoğrafı
Blum11 ay önce

@farcaster_xyz appreciate the easy-to-follow guide

Karanveer profil fotoğrafı
Karanveer11 ay önce

@farcaster_xyz will watch it at morning 🫡

Pankaj profil fotoğrafı
Pankaj11 ay önce

if you are building mini app on base chain help me guys i build a website to track mini app developer just submit the detail, i want to test leaderboard if you find any bg DM me with screenshot connet your burner wallet and submit the main contract adress where your trx/activity will store @themaran how can we link our mini app with farcaster ? i mean if we already build

•●CDO●• profil fotoğrafı
•●CDO●•11 ay önce

@farcaster_xyz its just that easy... lol

Protervo profil fotoğrafı
Protervo11 ay önce

@farcaster_xyz 👌

Psalmuhear $MON to $1 profil fotoğrafı
Psalmuhear $MON to $111 ay önce

@farcaster_xyz Roger that. Thanks for sharing

Honeymoney profil fotoğrafı
Honeymoney11 ay önce

@farcaster_xyz Bookmarked Will get it to it once mentally ready 🫡

Nezko2026 | Premium+ profil fotoğrafı
Nezko2026 | Premium+11 ay önce

@farcaster_xyz smart, genious! i can not do that ,,,

Em profil fotoğrafı
Em11 ay önce

@farcaster_xyz This is nice but is there need to create a Farcaster mini app?

DekaXan profil fotoğrafı
DekaXan11 ay önce

@farcaster_xyz Vibe-coded apps that do not solve any problems or offer uniqueness cannot last more than a day

DnsXpoD profil fotoğrafı
DnsXpoD11 ay önce

@farcaster_xyz oh ty 🤣 let me try

ishaLoveMoments🦋 profil fotoğrafı
ishaLoveMoments🦋11 ay önce

@farcaster_xyz Thanks sir

Iron Mike (Ironmikeisbased.base.eth) profil fotoğrafı
Iron Mike (Ironmikeisbased.base.eth)11 ay önce

@farcaster_xyz Wow appreciate that 💙

Ruinar profil fotoğrafı
Ruinar11 ay önce

@farcaster_xyz Tysm maran 🤌

Mustard profil fotoğrafı
Mustard11 ay önce

@farcaster_xyz Is this Alpha ?

SERGIO profil fotoğrafı
SERGIO11 ay önce

@farcaster_xyz Indeed a worthy guide🔥

khorrage profil fotoğrafı
khorrage11 ay önce

@farcaster_xyz Ty chief 🫶

Rodde profil fotoğrafı
Rodde11 ay önce

@farcaster_xyz I will try it :3 ty ser

Anthony Obot profil fotoğrafı
Anthony Obot11 ay önce

@farcaster_xyz Noticed you had a challenges accessing the api

Dafa Capital profil fotoğrafı
Dafa Capital11 ay önce

@farcaster_xyz Nice

Harsh profil fotoğrafı
Harsh11 ay önce

@farcaster_xyz thanks for the guide bro.

Benzer Videolar

😱 How to Build & Launch Your Base Mini App in 10Mins. ■ Investment: 0$ ( Free of Cost ) ■ Potential: $BASE ■ Exprience: No coding experience needed ( anyone can build ) 👀 Just watch full video & follow my simple 9 steps & Boom : Tools : 1.) Create V0 account :- 2.) Create Farcaster Account :- 3.) Create Baseapp Account :- •• Must link your farcaster account in base app Step 1 : Create the Calculator Application - Built a functional calculator with add, subtract, multiply, and divide operations - - Creat `/components/calculator.tsx` with full calculator logic and UI - - Creat `/app/page.tsx` as the main entry point - - Use React hooks (useState) for state management - - Designe with a modern dark theme using Tailwind CSS - Step 2 : Deploy the project & copy the url & save it . Step 3 : Create the Farcaster Manifest File - Created `/public/.well-known/farcaster.json` - This file tells Base about our app - Configured app metadata: My project name : My url link : { "accountAssociation": { "header": "", "payload": "", "signature": "" }, "miniapp": { "version": "1", "name": "My project name", "subtitle": "Fast & Easy Math", "description": "A simple calculator for basic arithmetic operations", "homeUrl": " "iconUrl": " "splashImageUrl": " "splashBackgroundColor": "#1a1a1a", "screenshotUrls": [ " " ], "primaryCategory": "utility", "tags": ["calculator", "math", "utility"], "tagline": "Calculate Instantly", "heroImageUrl": " "ogTitle": "Calculator", "ogDescription": "A simple calculator for basic math", "ogImageUrl": " "noindex": false } } Step 4 : Added Required Images - i attach a image , so convert that image as required ratio and attach the same image in our mini app for all 3 forms . `● icon.png` (300×300px) - A small icon of your app ● splash.png (200×200px) - A splash screen image ● screenshot.png (1284×2778px) - A screenshot showing how the app looks Step 5 Added Embed Metadata - Add `fc:miniapp` meta tag to layout.tsx metadata - Configure embed preview with: - Image URL for the 3:2 aspect ratio preview - Button configuration ("Open Calculator") - Launch frame settings - Splash image and background color Step 6: Added Farcaster Miniapp SDK Integration - Install `@farcaster/miniapp-sdk` package (automatically included) - Update `/app/page.tsx` to import and use the SDK - Call `sdk.actions.ready()` when the app loads - This is the **critical step** that tells Base to hide the splash screen and display your calculator Step 7: Update Next.js Configuration - Update `/next.config.mjs` to work with Next.js 16's Turbopack - Add `turbopack: {}` config to ensure clean builds - Remove webpack-specific configurations Step8 : •• Now for one time , click on deploy & deploy again •• Then Open Farcaster in Pc/Laptop •• Enable Developer Mode •• go to Developer section then & click on Mini app manifest tools •• then paste url ( check vidoe ) •• then click on fetch & then click on Genrate account association •• scan qr code and verify your farcaster account •• Now copy everything and paste in V0 ( add prompt ) Add this as account association •• then Reverify and Submit . Step9 : ● Download Base App : •• Create Account with email •• then connect same farcaster account ● Then Visit : •• signin with same base app email . •• and follow video process 📌📌 Join Our TG for More Alpha:-

Sanu Gupta

40,990 görüntüleme • 9 ay önce