Cart Recovery Built for Remix's Server-First Model
Retake's server-side SDK is a perfect match for Remix's loader/action architecture. Track checkout intents without any client-side JavaScript.
How to integrate Remix with Retake
1
Install the SDK
npm install @retakeapi/js2
Track in Action
Add tracking to your checkout action for server-side reliability.
// app/routes/checkout.tsx
import { Retake } from '@retakeapi/js';
import type { ActionFunctionArgs } from '@remix-run/node';
export async function action({ request }: ActionFunctionArgs) {
const formData = await request.formData();
const retake = new Retake({ apiKey: process.env.RETAKE_API_KEY });
await retake.track({
type: "checkout",
userId: formData.get('userId'),
email: formData.get('email'),
value: parseFloat(formData.get('total'))
});
return redirect('/checkout/payment');
}Remix Features
Works in Remix actions for secure tracking
No client-side JavaScript required
Full TypeScript support
Perfect for Shopify Hydrogen (Remix-based)