Hey! This is your personal guide for setting up and deploying ChangeKit. Follow these steps to get your app live and monetized.
- Go to vercel.com, sign in with GitHub.
- Click "Add New Project" → import
Laviesss/ChangeKit. - Leave all settings default, click Deploy.
- Copy the live URL once deployed (e.g.,
changekit.vercel.app).
- Go to payhip.com and create a free account.
- Create a new Product → type: "Software" or "Digital Product" → price: $4.99.
- Ensure you enable "License Keys" for the product.
- Copy the product page URL.
- Paste it into
src/utils/config.jsasPAYHIP_PRODUCT_URL. - In Payhip dashboard → Account → Settings → Developer → copy your API Key.
- In Vercel dashboard → ChangeKit project → Settings → Environment Variables → add:
- Key:
PAYHIP_API_KEY - Value: (your Payhip API key)
- Environment: Production + Preview + Development
- Key:
- Note: The API key is now securely handled by the
/api/verify.jsserverless function and is never exposed to the frontend.
- Go to adsense.google.com and apply with your Vercel URL.
- Once approved, create ad units and copy the AdSense client ID and slot IDs.
- Update
src/utils/config.jswithADSENSE_CLIENT_ID,ADSENSE_SLOT_LEADERBOARD, andADSENSE_SLOT_RECTANGLE. - Set
ADSENSE_ENABLED = trueinsrc/utils/config.jsto go live with ads. - Note: AdSense approval can take days to weeks — apply early.
- Go to ko-fi.com and create a free account.
- Copy your profile URL.
- Paste it into
src/utils/config.jsasDONATE_URL.
- Buy a domain (Namecheap recommended — cheap).
- In Vercel dashboard → your project → Settings → Domains → add your domain.
- Follow Vercel's DNS instructions.
- Once live and everything is working, go to github.com/Laviesss/ChangeKit → Settings → Danger Zone → Change visibility → Private.
Note: No backend or database is required. Everything runs in the browser, and payments/ads are handled by external services. For technical details on the license verification, see PLATFORM_NOTES.md.