01
Next.js + shadcn/ui
An App Router landing page with the support agent mounted as one Server Component in the root layout.
- Next.js 15
- shadcn/ui
- @clankersupport/widget-rsc
Templates · One-click deploy
Start with the support agent already wired in.
Five small, production-clean starters — Next.js, TanStack Start, React Router, Laravel, and FastAPI — each with the support agent installed the official way for that stack. Deploy one, set your project key, and it's answering.
02
TanStack Start
A TanStack Start site with the client widget wired through the React SDK's headless entry.
- TanStack Start
- Vite
03
React Router 7
A server-rendered React Router 7 app with the support agent wired through the React SDK.
- React Router 7
- Vite
- SSR
04
Laravel
A Blade landing page rendering the embed with the official Composer package's helper.
- Laravel 12
- Blade
- Composer package
05
FastAPI
A Jinja2-templated FastAPI site rendering the script tag with the Python package.
- FastAPI
- Jinja2
- pip package
SDKs & integrations
Not starting from a template? The same support agent installs into the stack you already have — a package per ecosystem, each rendering the identical embed.
- @clankersupport/widget-rscnpm ↗The widget as one async Server Component for Next.js — plus a headless entry with a client widget, primitives, and a useClankerSupport hook.
- clankersupport/clankersupport-phpPackagist ↗Renders the embed script tag from PHP, with a Laravel bridge for Blade.
- clankersupportRubyGems ↗The embed script tag as a Ruby helper — drop it into any Rails or ERB layout.
- clankersupportPyPI ↗The embed script tag from Python — works with FastAPI, Django, or Flask templates.
- Clanker Support for WordPresswordpress.org ↗The official plugin — paste your project key in wp-admin, no code.
- Shopify appDocs ↗Install from the Shopify admin and the support agent ships with your theme.
- Plain <script> embedDocs ↗One script tag before </body> — works on any site, no build step, no framework.
Every template asks for one thing: a project key.
Create a project, grab the public key from its Embed page, and paste it into the deploy form. The docs cover the rest — knowledge sources, branding, and escalation to your team.