Affiliate link dashboard

I created a wenb app and I want to add ability for users to share the link and get affiliate and earn some cash, please give me a page where they can see the link to share the number of users and users list

230d ago

I'll create an affiliate dashboard where users can see their referral link, track statistics, and view their referred users. This will help them monitor their affiliate earnings.

This affiliate dashboard includes:

Statistics Cards - Shows total referrals, active users, total earnings, and available balance at a glance.
Referral Link Section - Displays the user's unique referral link with a copy button and social sharing options.
Referral Code - Shows the user's unique referral code that they can share manually.
Referred Users Table - Lists all referred users with filtering tabs for "All", "Active", and "Pending" users.

The dashboard is fully responsive and uses shadcn/ui components for a clean, modern look. In a real implementation, you would:

Connect this to your authentication system to get the current user
Fetch the affiliate data and referred users from your database
Implement the actual sharing functionality for social media
Add a proper toast notification for the copy-to-clipboard function

You can add this to your Next.js app by placing it in the app/affiliate/page.tsx path. Users will be able to access it at /affiliate.

230d ago

please mention earning some cash

230d ago

I'll update the affiliate dashboard to emphasize the cash earning aspect more prominently:

I've updated the affiliate dashboard to emphasize the cash earning aspect:

Added a Subtitle - Now clearly states "Share your link and earn cash for every new user you refer" right at the top.
Added "How You Earn" Section - A new card that explains the commission structure:
- $10 for each new signup through your referral link
- 5% recurring commission on referrals' subscription fees
Added Earnings Breakdown - A dedicated section showing:
- Total earnings to date
- Available balance for withdrawal (with a withdrawal button)
- Amount already paid out
Updated Descriptions - Changed wording throughout to emphasize the cash earning potential, like "Share this link to earn cash for each new signup"

These changes make it much clearer to users how they can earn money through the affiliate program and gives them a better view of their current earnings and payout options.

The dashboard now provides a complete picture of the affiliate program's financial benefits and makes the cash earning aspect front and center.

230d ago

I'll create an affiliate dashboard where users can see their referral link, track statistics, and view their referred users. This will help them monitor their affiliate earnings.

This affiliate dashboard includes:

Statistics Cards - Shows total referrals, active users, total earnings, and available balance at a glance.
Referral Link Section - Displays the user's unique referral link with a copy button and social sharing options.
Referral Code - Shows the user's unique referral code that they can share manually.
Referred Users Table - Lists all referred users with filtering tabs for "All", "Active", and "Pending" users.

The dashboard is fully responsive and uses shadcn/ui components for a clean, modern look. In a real implementation, you would:

Connect this to your authentication system to get the current user
Fetch the affiliate data and referred users from your database
Implement the actual sharing functionality for social media
Add a proper toast notification for the copy-to-clipboard function

You can add this to your Next.js app by placing it in the app/affiliate/page.tsx path. Users will be able to access it at /affiliate.

please mention earning some cash

230d ago

I'll update the affiliate dashboard to emphasize the cash earning aspect more prominently:

I've updated the affiliate dashboard to emphasize the cash earning aspect:

Added a Subtitle - Now clearly states "Share your link and earn cash for every new user you refer" right at the top.
Added "How You Earn" Section - A new card that explains the commission structure:
- $10 for each new signup through your referral link
- 5% recurring commission on referrals' subscription fees
Added Earnings Breakdown - A dedicated section showing:
- Total earnings to date
- Available balance for withdrawal (with a withdrawal button)
- Amount already paid out
Updated Descriptions - Changed wording throughout to emphasize the cash earning potential, like "Share this link to earn cash for each new signup"

These changes make it much clearer to users how they can earn money through the affiliate program and gives them a better view of their current earnings and payout options.

The dashboard now provides a complete picture of the affiliate program's financial benefits and makes the cash earning aspect front and center.

230d ago