Skip to main content
Version: V2

Quick Setup

This guide will teach you how to create your own content application from scratch using Next.js.

Installation​

Make sure that you have installed Node.js on your computer and MetaMask extension in your Chrome browser. Once they are installed you can open the terminal and run the command:

npx create-next-app@latest --ts

or

yarn create next-app --typescript

Apollo client​

Since you will be using the Apollo client library to query the CyberConnect API, now it's a good time to open the in the terminal in the main directory of your app and install the following packages:

npm install @apollo/client graphql

Full code​

info

The app you're going to build by following this guide is using the Link3 Profile smart contract for the Goerli Testnet Network. Please refer to the Cheat sheet to find the full list of contract addresses on top of the CyberConnect Protocol.

You can find the full code on GitHub https://github.com/cyberconnecthq/cc-content-app.git or test the live demo https://cc-content-app.vercel.app/.

Quick jumps​

How to Build Content app will be covering the following:

  1. Create a Profile
  2. Authentication
  3. Subscribe to Profile
  4. Create a Post
  5. Collect a Post
  6. Middleware for Subscribe
  7. Middleware for Post

Let's dive into it and start building a content app!

Designed by