https://github.com/albertov5/whoof-template
https://github.com/albertov5/whoof-template
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/albertov5/whoof-template
- Owner: AlbertoV5
- Created: 2025-07-11T22:19:34.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-08-12T18:31:58.000Z (12 months ago)
- Last Synced: 2025-08-12T20:27:52.185Z (12 months ago)
- Language: TypeScript
- Size: 103 KB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a template for a whop app built in NextJS. Fork it and keep the parts you need for your app.
# Whop NextJS App Template
To run this project:
1. Install dependencies with: `pnpm i`
2. Create a Whop App on your [whop developer dashboard](https://whop.com/dashboard/developer/), then go to the "Hosting" section and:
- Ensure the "Base URL" is set to the domain you intend to deploy the site on.
- Ensure the "App path" is set to `/experiences/[experienceId]`
- Ensure the "Discover path" is set to `/discover`
3. Copy the environment variables from the `.env.development` into a `.env.local`. Ensure to use real values from the whop dashboard.
4. Go to a whop created in the same org as the app you created. Navigate to the tools section and add your app.
5. Run `pnpm dev` to start the dev server. Then in the top right of the window find a translucent settings icon. Select "localhost". The default port 3000 should work.
## Deploying
1. Upload your fork / copy of this template to github.
2. Go to [Vercel](https://vercel.com/new) and link the repository. Deploy your application with the environment variables from your `.env.local`
3. If necessary update you "Base Domain" and webhook callback urls on the app settings page on the whop dashboard.
## Troubleshooting
**App not loading properly?** Make sure to set the "App path" in your Whop developer dashboard. The placeholder text in the UI does not mean it's set - you must explicitly enter `/experiences/[experienceId]` (or your chosen path name)
a
**Make sure to add env.local** Make sure to get the real app environment vairables from your whop dashboard and set them in .env.local
For more info, see our docs at https://dev.whop.com/introduction