Raters Frontend Example integrates Web3 authorization using Next.js and TypeScript.
For the RatersApp project, Web3 authorization was integrated using various libraries and tools. The primary framework for the application is Next.js, and the project is written in TypeScript. Below are the details of the libraries and their purposes in this integration
This repository is a trimmed example implementation of the frontend part of the RatersApp service, demonstrating the milestone implementations within the ICP developer grant framework.
Disclaimer: This is not the complete codebase of RatersApp frontend, but solely for demonstrating Web3 authorization and data recording on the blockchain.
Clone the repository:
git clone https://github.com/RatersApp/raters-fe-example.git
cd raters-fe-exampleFirst, run the development server:
npm run devyarn 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.
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.
This project is licensed under the Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0) license, except for the following open-source libraries used in this project:
- Next.js - MIT License
- React.js - MIT License
- TypeScript - Apache License 2.0
See the LICENSE file for more details.