Question 1

How do I add SSGOI to a Next.js app router project?

Accepted Answer

Install @ssgoi/react and @ssgoi/core packages, wrap your root layout with the Ssgoi component and define transition configs, then wrap each page with SsgoiTransition using unique IDs based on routes. Refer to the Quick Start guide for detailed steps.

Question 2

SSGOI vs View Transition API: which is better for animations?

Accepted Answer

SSGOI is superior for cross-browser support as it works everywhere, including Safari, while the View Transition API is Chrome-only. However, if targeting only Chrome and wanting a native solution, the View Transition API might suffice with less setup.

Question 3

Does SSGOI work with SvelteKit dynamic routes?

Accepted Answer

Yes, SSGOI is router-agnostic and works with SvelteKit dynamic routes by using the @ssgoi/svelte package and assigning appropriate IDs to SsgoiTransition components, similar to the React example for post details.

Question 4

How to customize animation easing or duration in SSGOI?

Accepted Answer

SSGOI's pre-built transitions offer limited configuration via parameters like direction, but for full customization, you may need to modify the underlying keyframes or extend the library, as the docs focus on predefined effects.

Question 5

Is SSGOI accessible for users with motion sensitivity?

Accepted Answer

SSGOI relies on CSS and JavaScript animations, so developers must manually respect the prefers-reduced-motion media query by conditionally disabling transitions, as the library doesn't handle this out-of-the-box.

Question 6

What's the performance impact of using SSGOI on mobile devices?

Accepted Answer

SSGOI optimizes performance with GPU-accelerated animations, but it still adds JavaScript execution and DOM manipulations, which can affect low-end devices; test thoroughly to ensure smooth transitions.

ssgoi

What is ssgoi?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions