Customer Dashboard

The Customer Dashboard is the interface customers see after logging in. A customer is a user who has purchased a plan. The dashboard is a protected page, meaning it requires authentication. To learn more about protected pages, refer to the Protected Pages Guide.

Sample Customer Dashboard

To help you get started, we provide a sample customer dashboard that you can customize as needed. We offer two implementations of the Customer Dashboard: Server-Side Rendered (SSR) Page and Client-Side Rendered (CSR) Page.

Server-Side Rendered (SSR) Customer Dashboard

The SSR customer dashboard is located at:

app/private/page.js

(Note: The directory name private can be changed. See the Protected Pages Guide for details.)

Client-Side Rendered (CSR) Customer Dashboard

The CSR customer dashboard is located at:

app/private/client-protected-example/page.js

(Again, the directory name private can be modified. See the Protected Pages Guide for details.)

Accessing the Customer Dashboard

To view the protected customer dashboard, the user must be a paying customer. Typically, this happens when a user completes a payment using providers such as Stripe or LemonSqueezy.

However, you can manually add yourself as a customer via the Admin Dashboard:

• Add yourself as a customer.
• Ensure your account has credit higher than zero to access the protected page.

For more details, refer to the Admin Dashboard Guide.

Customer Dashboard Features

Both SSR and CSR versions of the Customer Dashboard display:

• Available Credits
• Current Plan
• Account Status
• Credit Usage Details

These provide a great foundation to build and customize your own Customer Dashboard.

Need Help?

If you have any questions or feedback, feel free to reach out to us!