正在加载视频...

视频加载失败

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,106 次观看 • 6 个月前 •via X (Twitter)

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

😱 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,216 次观看 • 4 个月前

NOTICE TO ALL PI MAINNET CHECKLIST ISSUES NO 9 ⚠️⚠️ watch the video bellow to understand carefully another alpha is tagged bellow BIOMATRIX Good Day Guys Have you pass your KYC, but you are stocked at migrate to mainnet No 9 STEP 1 ▫️Click on Pi app not Pi browser... STEP 2 ▫️Locate the three lines at the top left hand corner of Ur screen and click STEP 3 ▫️Scroll down to Profile and click, copy out your Username and the email address of the Account affected, the email must have been Verified.. STEP 4 ▫️Go bck and click the three lines at the top left hand corner of Ur screen STEP 5 ▫️Locate SUPPORT PORTAL and click. It will take you to Chrome browser... STEP 6 ▫️Scroll down the page where you See NEED TO RAISE A REQUEST ? CONTACT US You will taking to another page Scroll down till you see PI HELP STEP 7 Fill the forms with Ur correct details STEP 8 Then the space for Subjects copy this paste this 👇 “Review and approval of step 9 in the checklist, which has been pending for a long time.” STEP 9 The space provided for description copy and paste this bellow “Dear pi core team I hope this message finds you well. I am writing to bring to your attention that the 9th step of my pi mainnet checklist has been pending for several months.I kindly request you to review this issue and resolve it at your earliest convenience. Thank you for your support and assistance.” STEP 10 After filling the form carefully scroll down to where you will provide that screenshot you took earlier Like repost for others and join BIOMATRIX $15M is raised at the moment

Pending Ustaz👳🏽‍♂️📿

22,642 次观看 • 1 年前