The React Flow Pro platform allows subscribers to access advanced code examples and direct contact to the xyflow team.
Built with Nextjs, Nhost, Stripe and shadcn/ui.
- ✨ Preview and download code examples from a private Github repository
- 📬 Add and delete team members
- 💸 New Stripe subscription, upgrade, and cancel
- 👤 Manage account details (email, password, delete account)
We've been funding the development of React Flow and Svelte Flow through the Pro Platform since 2022. We refactored the entire platform in 2023 and made it open source.
These are the steps needed to setup and run the platform on your machine.
The frontend of the platform is built with Nextjs. To run the frontend, you need to install the dependencies and start the development server:
pnpm installpnpm run devThis will start a webserver at http://localhost:3000 where you can see the app.
The database, user management and authentication is built with Nhost. To run the backend locally, you need to have the Nhost cli installed. The backend is located in the /nhost directory.
cd nhostpnpm run devFor being able to test the Stripe integration locally, you need to listen to Stripe events that change the subscription data in our database. This webhook listener can be started by running the following command in the /nhost dir:
pnpm run stripe-webhookIf a newly published pro example does not appear in the list you might need to call https://pro.reactflow.dev/api/revalidate?path=/examples&tag=examples manually.
The Pro Platform was not initially developed to be plug-and-play for other developers. If you would like to use this platform as a starting point for your own open source project, we'd love to hear about it. Send us an email at info@xyflow.com
