Skip to content

jegainsley/redirect-frame

 
 

Repository files navigation

Commerce x Farcaster Frames Single-Item Guide

This guide explain how to sell a single item using via a Cast which allows your users to pay with crypto via Coinbase Commerce.

Pre-requirements

  1. Create a Coinbase Commerce account here
  2. (optional) Create a vercel account for easy deployment. Warpcast requires your Frame to be a https:// URL
  3. An image of your item for sale (.png, .jpg) with 1200 x 630 pixel dimensions

Start here

  1. Clone this repo by running git clone blah blah.git....

  2. Connect your github account to Vercel. Reference the official Vercel guide for detailed steps

  3. Replace the temporary image in the public/ folder with the image of your product

  4. Replace the following variables in the utils.ts file:

    • NEXT_PUBLIC_URL
    • ITEM_DESCRIPTION
    • ITEM_TITLE
    • IMAGE_NAME -
    • REDIRECT_URL - a URL (string) to redirect users to upon purchase completion
  5. upload your Commerce API Key credentials to Vercel settings page. ** hint ** for an app deployed at https://commerce-frame-6r9h.vercel.app/ your settings page will be located at https://vercel.com/hughescoins-projects/commerce-frame-6r9h/settings

  6. see the official Vercel guide on environment variables for more details

Commit changes

git init
git add README.md
git commit -m "first commit"
git branch -M master
git remote add origin [email protected]:Your-Github-Username/Your-Forked-Repo.git
git push -u origin master

Done!

A redirect frame example

Built using a-frame-in-100-lines by Zizzamia

Resources

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.5%
  • JavaScript 4.5%