Set up the project

In this course, we will actively leverage the Next.js framework for our frontend development. Our journey starts with creating a new project using create-next-app while harnessing the power of Tailwind CSS.

Before we proceed, ensure you have a wallet installed, such as MetaMask, since our dapp requires one to interact with the blockchain.

You can find the project here.

Navigate to the frontend folder and install the dependencies:

npm install

With this, we kick off our project journey with Next.js, Tailwind CSS, and FT4, all while prioritizing style and efficiency.