This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. 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.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
We think Web3 needs a decentralized professional network for Web3. Since the starting point for most people in the space are Hackathons we use them as an Example of how this professional network could look like. Organizers can “publish” Hackathons, selecting a collect module to define how submissions should look like, who will be able to vote, define what prices can be won and put escrows behind the prices. Participant can submit their work bei “commenting” on the “publication” of the Hachathon. Voters can then vote by collecting these comments.
This enables us to have an overview of all ongoing Hackathons, we can have more creative voting strategies, like enabling participants to vote as well, and we can curate a Hacker Profile where all our submissions are public (Depending on the Follow Module)
Please also look at the smart contract repo here: https://github.com/Best-LENS-project/lens-protocol
Our design principles are to use the protocol as the back-end to avoid the need for any centralization or error-prone paths. Furthermore we try to focus on the use-ability and use the paradigm of always clearly previewing anything that would be commited to the chain. Towards that end the smart-contracts were written in solidity, deployed on hardhat local network for testing and then uploaded to Mumbai Polygon test-net.
The front-end is based on NextJS to comply with the defacto-DApp standard and uses tailwindCSS to achieve smooth and intuitive design. It allows you to connect your wallet through Blocknative Onboard to be inclusive to all wallets and then to create a profile on our Mumbai deployed LENS version as well as connect an existing handle if you have one. Images that you want to use e.g. Profile Images are uploaded to an IPFS server and will automatically be linked through profile creation Furthermore, you can explore the hackathons and posts that are available, which are (at the moment partially) queried from the chain. We use a flask server that only provides an Insight API to generate graphs which are easy to read and represent interesting facts. Those gaphs are then shown in the frontend (deployment still outstanding). This way we can process the data into the right formats quickly and efficiently without the rather clunky and limited graph APIs that JS offers.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
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.