Skip to content

bcnmy/biconomy_magic_example

Repository files navigation

Biconomy-Magic Integration with Next.js

This is a Next.js project that demonstrates the integration of Biconomy for gasless transactions and Magic for user authentication. It allows you to interact with a smart contract on the Polygon Mumbai test network.

Getting Started

To get started with this project, follow these steps:

  1. Clone this repository to your local machine:

    git clone https://github.com/your-username/your-repo-name.git
    
  2. Change to the project directory:

    cd your-repo-name
    
  3. Install the project dependencies:

    npm install
    or
    yarn
    
  4. Run the development server:

    npm run dev
    # or
    yarn dev
    
  5. Open http://localhost:3000 in your web browser to access the application.

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Technologies Used

  • Next.js: A React framework for building web applications.
  • Biconomy: A gas-free transaction infrastructure for Ethereum and other blockchains.
  • Magic: A user authentication library for web applications.
  • Ethers.js: A library for interacting with the Ethereum blockchain.

Learn More

To learn more about the technologies used in this project, check out the following resources:

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.