Dagpi Dashboard

Dagpi Dashboard is an open-source dashboard for the Dagpi API service, built with Next.js and listed on GitHub with the description "The dashboard for dagpi. Built with nextjs!". It combines NextAuth, Chakra UI, Stripe Checkout, PayPal Checkout, Formik, Yup, Google Analytics, and Sentry to operate as a customer-facing web application. The project includes a README with testing and deployment instructions for running it on Vercel.

What is Dagpi Dashboard?

Dagpi Dashboard is the frontend dashboard for the Dagpi API service, created by the project maintainer and published as an open-source repository. The stack is centered on Next.js, with NextAuth for authentication, Chakra UI for the component library, and Formik plus Yup for form handling. It also integrates Stripe Checkout and PayPal Checkout for payments, Google Analytics for tracking, and Sentry for error reporting. The README indicates the project is deployed on Vercel and can be forked for your own instance.

Key Features

• Next.js framework — Built on the Next.js React framework for server-rendered pages and a production-ready frontend.
• NextAuth authentication — Uses NextAuth to manage login and session state in the dashboard.
• Chakra UI library — The user interface is styled with the Chakra UI component library.
• Stripe Checkout integration — Accepts payments through Stripe's hosted checkout flow.
• PayPal Checkout integration — Also supports PayPal as an additional payment method.
• Formik and Yup forms — Forms are implemented with Formik and validated with Yup schemas.
• Sentry monitoring — Includes Sentry for error tracking in production.
• Google Analytics — Tracks dashboard usage with Google Analytics.
• ESLint and Prettier — Ships with ESLint for linting and Prettier for code formatting to keep the codebase consistent.

Who is it for?

• Dagpi API users: Customers of the Dagpi API who need a dashboard to manage their account and payments.
• Next.js developers: Developers looking for a reference project that combines NextAuth, Chakra UI, Stripe, and PayPal in one codebase.
• Self-hosters: Anyone who wants to fork the repository, customize it, and deploy their own dashboard to Vercel.

What can you do with it?

• Process payments: Use the built-in Stripe Checkout and PayPal Checkout integrations to handle subscription or one-time payments from the dashboard.
• Authenticate users: Let customers sign in via NextAuth without building a custom auth system.
• Deploy your own dashboard: Fork the GitHub repo, follow the README's build steps (yarn build and yarn start), and host it on Vercel.
• Track errors and usage: Sentry captures runtime exceptions and Google Analytics records page views once the dashboard is live.

How does Dagpi Dashboard work?

According to the README, local testing is done by running yarn dev. For production, the project is built with yarn build and started with yarn start. The recommended deployment platform is Vercel, and the README explicitly allows forking the repo and running your own instance.

FAQ

Is Dagpi Dashboard free?

The repository is open source and published on GitHub with the AGPLv3 license topic, so the code is freely available to view, fork, and modify. No pricing information is stated in the README.

How do I run Dagpi Dashboard locally?

Clone the repository and run yarn dev in the root directory to start the development server, as described in the Testing section of the README.

What payment methods does it support?

The Tools Used list includes Stripe Checkout and PayPal Checkout, meaning the dashboard is set up to process payments through both Stripe and PayPal.

What tech stack does it use?

The project uses Next.js with React, Chakra UI, NextAuth, Formik, Yup, ESLint, Prettier, Stripe, PayPal, Google Analytics, and Sentry, as listed in the README.

Can I deploy my own version?

Yes, the README states that the app is deployed on Vercel and that you can fork the repo and run your own. Use yarn build and yarn start for a production build.