<DeploymentInitializing/> component

<DeploymentInitializing /> is the inverse of <DeploymentInitialized />. It exists for the short loading branch before the main app can render.

Usage

The following example shows a basic usage of <DeploymentInitializing />.

import { DeploymentProvider, DeploymentInitializing, DeploymentInitialized } from '@wacht/nextjs';export default function DeploymentInitializingUsage() {  return (    <>      <DeploymentProvider publicKey={PUBLIC_KEY}>        <DeploymentInitializing>Loading…</DeploymentInitializing>        <DeploymentInitialized>{children}</DeploymentInitialized>      </DeploymentProvider>    </>  );}

Notes

  • Use it when you want a skeleton or loader while deployment state is being fetched.
  • Once loading finishes, it disappears completely.

On this page