SDK SPA Lifecycle Demo

This demo shows how the Classy Embedded SDK lifecycle APIs work in a Single Page Application.

How it works: Navigate between "pages" using the buttons below. The SDK initializes when you enter the Donate page and destroys when you leave — simulating React Router or Vue Router navigation.

📖 View the SPA Implementation Guide for React, Vue, Angular, and Next.js examples.

Welcome Home

This is the home page. The SDK is not initialized here.

Click "Donate" to navigate to the donation page and see the SDK initialize.

Make a Donation

SDK: Not Initialized

Campaign ID: unset

Lifecycle Logs:

About This Demo

This demonstrates the Classy Embedded SDK lifecycle APIs:

eg.init() - Initialize the SDK
eg.destroy() - Clean up when leaving the page
eg.isInitialized() - Check SDK state

The SDK is not initialized on this page.

Toolbox Settings

SDK SPA Lifecycle Demo

Welcome Home

Make a Donation

About This Demo