The template was bootstrapped by Buy CMP.
This repository will provide a way for apps to create subscriptions that accept CMP. This starter kit is a fork of DappStarter. However it has been amended to connect with the caducueus blockchain.
This starter kit is composed of Next.js and Tailwind CSS, with ConnectKit, ethers, & wagmi for all your web3 needs. It uses Typescript and an opinionated directory structure for maximum dev confy-ness.
First, install dependencies with yarn install
. Then, initialize the env file with cp .env.example .env
, and add your UTORG SID if you want to integrate UTORG.
Finally, run the development server with yarn dev
.
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx
. 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.ts
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
This project uses clerk.dev for authentication. And uses supabase for a postgresql database.
Clerk manages authentication for the entire app. There are logged in pages and there login functionality managed by the SignedIn and SignedOut components.
When you make changes to the schema in the supabase portal you have to re-generate the types by running the following command:
npm run generate-db-types
Or you can directly run the command:
npx supabase gen types typescript --project-id "iqbppcvxdaqzevqhhiid" --schema public > types/supabase.ts
To learn more about the components of this kit, 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.
- Tailwind CSS Documentation - learn about Tailwind, and browse through the included classes.
- Ethers Documentation - learn about Ethers features and API.
- wagmi Documentation - learn about wagmi features and API.
- ConnectKit Documentation - learn about ConnectKit's features and API.
The easiest way to deploy your Next.js app is to use Vercel, from the creators of Next.js.
Check out the Next.js deployment documentation for more details.
This app is open-source and licensed under the MIT license. For more details, check the License file.