Single-Page Applications (SPAs) are now fully supported in Clerk.js with no additional configuration needed.
This update eliminates the need for special code or manual rendering adjustments, streamlining SPA setups to match any other site integration.
New elements added to a SPA containing a Clerk span element now initialize automatically—whether for live search, omni-search triggers, or dynamic components like sliders.
Any Clerk elements added to the DOM will function as if they were present at page load, simplifying the process for dynamic or delayed content loads.
For developers who want more control, there’s an optional setting, auto_init_custom_selectors, allowing automatic initialization of custom elements without manual calls. One use case is when the frontend needs to load additional data before rendering a Clerk slider. For example, this setting enables recommendations in a side-panel shopping cart for Shopify stores.
What’s changed:
- No-code SPA onboarding: SPAs can now use Clerk with the same setup as other platforms.
- Automatic element initialization: New elements with Clerk classes auto-load, no custom rendering code needed.
Read more about it in our Knowledge Center.
