Author:
    Creation:2024-08-11Last update:2025-06-29

    React Integration: useIntlayer Hook Documentation

    This section provides detailed guidance on using the useIntlayer hook within React applications, allowing for efficient content localisation.

    Example Usage in React

    src/components/ServerComponentExample.tsx
    import { useIntlayer } from "react-intlayer/server";
    
    const ServerComponentExample = () => {
      const content = useIntlayer("server-component");
    
      return (
        <div>
          <h1>{content.title}</h1>
          <p>{content.description}</p>
        </div>
      );
    };
    

    Additional Resources

    • Intlayer Visual Editor: For a more intuitive content management experience, refer to the visual editor documentation here.

    This section specifically targets the integration of the useIntlayer hook in React applications, simplifying the localisation process and ensuring content consistency across different locales.