Learn how to play videos 4everland’s IPFS gateway using Livepeer
@livepeer/react
, library which we will use to
integrate Livepeer:
tailwindcss
, postcss
, and autoprefixer
dependencies. These dependencies are
necessary for TailwindCSS to work properly in a Next.js app.
Run the following command to install them:
tailwind.config.js
and
postcss.config.js
. These files contain the configuration for Tailwind CSS and
PostCSS, respectively. Next, open the tailwind.config.js
file in code editor
of your choice and replace its contents with the following code:
./styles/globals.css
file.
pages/index.js
file, with below code.
npm run dev
to start the next.js app.
client
in
the root directory, and add the following code to index.js
YOUR_API_KEY
with the key which you just copied from
the Livepeer dashboard. And also replace the code inside of _app.js
in the
page directory with the below code.