Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 Aufrufe • vor 11 Monaten •via X (Twitter)

30 Kommentare

Profilbild von direktur.crypto
direktur.cryptovor 11 Monaten

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

Profilbild von King_Izie👑
King_Izie👑vor 11 Monaten

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

Profilbild von iAbstrus 🎒
iAbstrus 🎒vor 11 Monaten

@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.

Profilbild von pythor.eth
pythor.ethvor 11 Monaten

@farcaster_xyz airdrop farmooors incoming

Profilbild von Crust Community‼️
Crust Community‼️vor 11 Monaten

@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.

Profilbild von Ш I LΨ F Ʊ L 🐂 🀄️ ᄅᄅᄅ
Ш I LΨ F Ʊ L 🐂 🀄️ ᄅᄅᄅvor 10 Monaten

@farcaster_xyz @M1KEchandize

Profilbild von Ashish
Ashishvor 11 Monaten

@farcaster_xyz Much easier to do this via @minidevfun

Profilbild von Rakib
Rakibvor 11 Monaten

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

Profilbild von Ron
Ronvor 11 Monaten

@farcaster_xyz 🐟

Profilbild von Blum
Blumvor 11 Monaten

@farcaster_xyz appreciate the easy-to-follow guide

Profilbild von Karanveer
Karanveervor 11 Monaten

@farcaster_xyz will watch it at morning 🫡

Profilbild von Pankaj
Pankajvor 11 Monaten

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

Profilbild von •●CDO●•
•●CDO●•vor 11 Monaten

@farcaster_xyz its just that easy... lol

Profilbild von Protervo
Protervovor 11 Monaten

@farcaster_xyz 👌

Profilbild von Psalmuhear $MON to $1
Psalmuhear $MON to $1vor 11 Monaten

@farcaster_xyz Roger that. Thanks for sharing

Profilbild von Honeymoney
Honeymoneyvor 11 Monaten

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

Profilbild von Nezko2026 | Premium+
Nezko2026 | Premium+vor 11 Monaten

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

Profilbild von Em
Emvor 11 Monaten

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

Profilbild von DekaXan
DekaXanvor 11 Monaten

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

Profilbild von DnsXpoD
DnsXpoDvor 11 Monaten

@farcaster_xyz oh ty 🤣 let me try

Profilbild von ishaLoveMoments🦋
ishaLoveMoments🦋vor 11 Monaten

@farcaster_xyz Thanks sir

Profilbild von Iron Mike (Ironmikeisbased.base.eth)
Iron Mike (Ironmikeisbased.base.eth)vor 11 Monaten

@farcaster_xyz Wow appreciate that 💙

Profilbild von Ruinar
Ruinarvor 11 Monaten

@farcaster_xyz Tysm maran 🤌

Profilbild von Mustard
Mustardvor 11 Monaten

@farcaster_xyz Is this Alpha ?

Profilbild von SERGIO
SERGIOvor 11 Monaten

@farcaster_xyz Indeed a worthy guide🔥

Profilbild von khorrage
khorragevor 11 Monaten

@farcaster_xyz Ty chief 🫶

Profilbild von Rodde
Roddevor 11 Monaten

@farcaster_xyz I will try it :3 ty ser

Profilbild von Anthony Obot
Anthony Obotvor 11 Monaten

@farcaster_xyz Noticed you had a challenges accessing the api

Profilbild von Dafa Capital
Dafa Capitalvor 11 Monaten

@farcaster_xyz Nice

Profilbild von Harsh
Harshvor 11 Monaten

@farcaster_xyz thanks for the guide bro.

Ähnliche Videos

😱 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,951 Aufrufe • vor 9 Monaten