A Next.js starter for quickly spinning up Chainlink Functions in a frontend environment.
All the code for this app (both frontend and contracts) is based on the Chainlink Functions repository, but has been adjusted to work with Next.js, in a non-hardhat environment.
This is not an official Chainlink repository, or a production-ready application.
Everything is subject to my own interpretation, and is not guaranteed to be fully functional nor best optimized. It is only intended to be used as a starting point for quickly testing out Chainlink Functions with a frontend.
For any information on Chainlink Functions, please refer to the official documentation. You can request beta access here.
This repository sets up both a Next.js frontend and a Hardhat environment for deploying the contracts. Here are the detailed steps to get started:
-
Follow the instructions in
hardhat/README.mdto deploy the contracts, create and fund a subscription to be able to interact with the DON. Any modification to the consumer contract or the source code will be reflected in the frontend when deploying. -
Follow the instructions in
frontend/README.mdto set up the frontend environment and the required environment variables.
You can always follow the commands detailed in the official repository for deploying, managing subscriptions, and making requests.
-
After completing the steps above and filling in the required environment variables, you should be able to interact with the oracle network. The current implementation will use the DON to compute expansive operations, and will return the result to the contract.
-
Note that any additional variables can be added from the contract, either before or after making the request. This can enable more complex use cases, such as mixing off-chain and on-chain during the request.