getting sponsored made easy through widgets
A lot of different tech and soft wares were used to create Ponsor, here is a list of the tech I used -
- Next.js - Framework
- PlanetScale - Database
- Tailwind CSS - Styling
- VS Code - Code Editor
- Next Auth - Auth
- GitHub - Code Base
- Prisma - ORM
- Vercel - Host
- Nprogress - Progress Bars
- React Hot Toast - Toast Notifications
- React Icons / Feather Icons - Icons
- Favmoji - Favicon as a service
- Clone the repository
git clone https://github.com/asrvd/ponsor.git
- Install dependencies
cd ponsor
pnpm i # or npm i
- Create a
.env
file and put these env variables in it
DATABASE_URL=
GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
NEXTAUTH_SECRET=
NEXT_PUBLIC_CLOUDINARY_PRESET=
NEXT_PUBLIC_CLOUDINARY_NAME=
NEXTAUTH_URL=
- Fire up prisma
pnpm dlx prisma db push # or npx prisma db push
- Run the app
pnpm run dev # or npm run dev
- Fork the repository
- Create a new branch
- Make your changes
- Commit your changes
- Push your changes to the main branch
- Open a pull request
- This project was made for the hashnode x planetscale hackathon.
- If you have any questions, suggestions or bug reports please open an issue.
- Leave a star if you like the project.
- If you like this project, please consider supporting me.