strapi-plugin-typed-link

A reusable typed link component for Strapi v5. Provides a typed.link component with a platform/type selector — website, Instagram, Facebook, Discord, YouTube, Twitter/X, LinkedIn, TikTok, email, phone, and more.

Installation

npm install strapi-plugin-typed-link
# or
yarn add strapi-plugin-typed-link

Enable the plugin in config/plugins.ts:

export default () => ({
  'typed-link': {
    enabled: true,
  },
});

Rebuild Strapi:

npm run build
npm run develop

Usage

Once installed, the typed.link component is available in any content type schema:

{
  "attributes": {
    "liens": {
      "type": "component",
      "repeatable": true,
      "component": "typed.link"
    }
  }
}

Component Schema

The typed.link component provides the following fields:

| Field | Type | Required | Default | Description | |-------|------|----------|---------|-------------| | type | Enumeration | Yes | website | Link platform type | | label | String (max 100) | Yes | — | Display label | | url | String (max 500) | Yes | — | URL, email, or phone number | | nouvelOnglet | Boolean | No | true | Open in new tab |

Available Types

website · instagram · facebook · discord · youtube · twitter · linkedin · tiktok · email · phone · other

Frontend TypeScript Types

type TypedLinkType =
  | 'website' | 'instagram' | 'facebook' | 'discord'
  | 'youtube' | 'twitter' | 'linkedin' | 'tiktok'
  | 'email' | 'phone' | 'other';

interface TypedLink {
  id: number;
  type: TypedLinkType;
  label: string;
  url: string;
  nouvelOnglet?: boolean;
}

Compatibility

• Strapi v5.x (not compatible with v4)

License

MIT