This is a NextJS application that uses SaaS hosted Postgres backend for rendering a webstore and can be connected to Stripe for an automated checkout process.
Here are the steps for getting started with this demo. You will need a handful of secrets and other components set up for it to work properly.
Make sure you run npm i to install the dependencies for both the NextJS frontend and Express backend.
This application uses a handful of secrets from both LaunchDarkly and Stripe. The cart checkout will not work without a Stripe account. This app is only configured to work with Stripe's test mode.
To add the necessary secrets, run:
cp .env.example .envThis will create a copy of the .env.example where you can insert the necessary secrets
This file is .gitignored so it will be ignored from commits and pushes so we don't push secrets into the repository
STRIPE_PUBLISHED_KEY: Found in the stripe dashboard, required for CartNEXT_PUBLIC_LD_CLIENT_KEY: Client side SDK key from the LD project you are using
LD_SDK_KEY: Server-side key for the LD project you are usingSTRIPE_SECRET_KEY: Stripe secret key, available in your dashboard
This application is configured to use Prisma as an ORM allowing you to switch between any supported PostgreSQL database. By default it is leveraging Supabase, but suitabe tested alternatives are..
- AWS RDS
- Railway.app
In order to produce significant data for an experiment, we've automated producing that data using a browser automation tool Playwright.
The code for the browser automation is in the experimentation-automation folder
Everything needed to run the automation should be installed by npm install and the postinstall command which runs after install
To run the automation, run: npx playwright test which will run any specs in the experimentation-automation folder.
To learn more about running Playwright and the various options, check out the docs: https://playwright.dev/docs/running-tests
Results from the automation are in test-results and are deliberately .gitignored. Automation currently records video for every iteration, but that can be changed in playwright.config.ts along with a variety of other settings.