React Landing Template
Full Next.js landing-page scaffold deployed to Netlify.
- Repo: dps-templates-react-landing
- Path:
apps/dps/dps-templates/dps-templates-react-landing - Maps to app type:
react-web - Status: ✅ Full project (vs
react-nextjswhich is skeleton-only)
What it includes
- Next.js 14 (App Router) + Tailwind CSS + shadcn/ui.
- Pre-wired
@duabalabs/dps-clientfor donation / subscription / invoice checkout flows. - Netlify configuration (
netlify.toml) with static-export build. - Sample sections: hero, features, pricing, FAQ, footer.
src/lib/dps/client.tsplaceholder showing the browser-direct DPS pattern (see client SDK).
Reference deployments
This template is the proven pattern for every Duabalabs marketing/landing site:
- Duabanti — donation flow (
direct) - Duabaconnect — subscription flow (
direct+paystackPlanCode) - Duabatrade — invoice flow (
vendureordirect) at/pay - Duabaforge — marketing only, no payments
- Duabalabs — marketing only, no payments
Wizard configuration
| Field | Type | Required |
|---|---|---|
siteName | string | ✅ |
domain | string | ❌ |
netlifySite | string | ❌ — auto-created if blank |
dpsAppIdTag | string | ❌ — only if checkout flows are enabled |
dpsStoreId | string | ❌ — only if checkout flows are enabled |