Lum0x SDK
  • Lum0x-sdk
    • Getting started
    • Examples
      • Case 1 : Find my Fan
      • Case 2: Fetch user's Moxie earning
      • Case 3: Raffle events among the filtered casts
      • How to Deploy a Project with Vercel
    • FarcasterUser
      • Search for Usernames
      • Fetch users based on FIDs
      • Fetch power user objects
      • Fetches users based on Eth or Sol addresses
      • Lookup a user by custody-address
      • Retrieve all channels that a given fid follows
      • Get User Information by username
      • Get Recent Users
    • FarcasterCast
      • Retrieve cast for a given hash or Warpcast URL
      • Retrieve casts for a given user
      • Gets information about an array of casts
      • Retrieve the conversation for a given cast
      • Get Recent Casts
    • FarcasterFeed
      • Retrieve casts based on filters
      • Retrieve trending casts
    • FarcasterReaction
      • Fetches reactions for a given user
      • Fetches reactions for a given cast
    • FarcasterFollowers
      • Retrieve followers for a given user
      • Retrieve relevant followers for a given user
      • Retrieve a list of users followed by a user
    • FarcasterStorage
      • Fetches storage allocations for a given user
      • Fetches storage usage for a given user
    • FarcasterFname
      • Check if a given fname is available
    • FarcasterMute
      • Get fids that a user has muted
    • FarcasterChannel
      • Retrieve all channels with their details
      • Search for channels based on id or name
      • (Bulk) Retrieve channels by id or parent_url
      • Retrieve channel details by id or parent_url
      • Retrieve followers for a given channel
      • Get channels that a user is active in
      • Check If User Follows Channel
      • Retrieve trending channels based on activity
    • FarcasterNotification
      • Retrieve notifications for a given user
    • FarcasterMoxie
      • Retrieve Moxie earning status
      • Retrieve FarScore and FarRank
      • Retrieve Moxie airdrop claim status
      • Retrieve Moxie earning details for cast.
      • Retrieve Moxie earning details for reply.
      • Retrieve Moxie earning details for cast by fid.
      • Retrieve Moxie earning details for reply by fid.
      • Retrieve Moxie earning details from channel cast.
Powered by GitBook
On this page
  • 1. Create and Log in to Vercel Account
  • 2. Prepare Your Project
  • 3. Connect GitHub Repository to Vercel
  • 4. Project Settings
  • 5. Deploy
  • 6. Domain Setup (Optional)
  1. Lum0x-sdk
  2. Examples

How to Deploy a Project with Vercel

PreviousCase 3: Raffle events among the filtered castsNextFarcasterUser

Last updated 7 months ago

1. Create and Log in to Vercel Account

1) Creating a Vercel Account

  1. Go to the .

  2. Sign in using your GitHub, GitLab, or Bitbucket account (GitHub is recommended).

  3. Grant Vercel the necessary permissions to access your GitHub account.

2) Log in

  • Once your account is created, you will be automatically logged in, and you can proceed with the deployment process.

2. Prepare Your Project

1) Prepare Your Project Locally

  • If you already have a project to deploy, make sure it's uploaded to a GitHub, GitLab, or Bitbucket repository.

  • Vercel supports various frameworks, including static sites and Server-Side Rendering (SSR) frameworks like Next.js, React.js, Svelte, and Vue.js.

2) Push to Git Repository

  • Use the following commands to push your project to GitHub:

    git init
git remote add origin <your-repository-url>
git add .
git commit -m "Initial commit"
git push -u origin master

3. Connect GitHub Repository to Vercel

1) Create a New Project

  1. In the Vercel dashboard, click on the New Project button.

  2. You will see a list of repositories linked to your GitHub, GitLab, or Bitbucket account. Select the repository you want to deploy.

  3. Click Import to import the project.

4. Project Settings

1) Project Configuration Options

  • During the import process, you can customize deployment settings.

  • You can also configure build and environment variables. For Next.js, the build settings are automatically detected.

2) Build Command and Output Directory

  • Vercel will automatically set the appropriate build command and output directory for your project.

    • Example: For a Next.js project, the default build command is npm run build, and the output directory is .next.

5. Deploy

1) Automatic Deployment

  • Once the setup is complete, Vercel will automatically build and deploy your project.

  • After the deployment is done, you can view your site at the default domain provided by Vercel (e.g., https://<project-name>.vercel.app).

2) Automatic Deployments on Git Push

  • Since Vercel is linked to GitHub, every time you push new commits to the main branch, Vercel will automatically deploy the changes.

6. Domain Setup (Optional)

1) Using Vercel’s Default Domain

  • Vercel provides a default domain in the format https://<project-name>.vercel.app.

2) Connecting a Custom Domain

  1. In the Vercel dashboard, select the deployed project and go to the Domains tab.

  2. Click Add Domain and enter the custom domain you want to use.

  3. To link your custom domain, update your DNS settings:

    • Add a CNAME or A record with your DNS provider, pointing to Vercel's IP address.

Vercel homepage