Author:

Creation:2026-06-12Last update:2026-06-12

इस दस्तावेज़ को अपने पसंदीदा AI एसिस्टेंट के साथ संदर्भित करें

Google AI mode Gemini

Perplexity Mistral

अपने प्रश्न को पूछें और दस्तावेज़ का सारांश प्राप्त करें, इस पृष्ठ और आपके चुने हुए AI प्रदाता का उपयोग करके

संस्करण इतिहास

"डायनेमिक कंटेंट सुविधा का विमोचन"
v9.0.012/6/2026

इस पृष्ठ की सामग्री एक AI द्वारा अनुवादित की गई है।

अंग्रेजी में मूल सामग्री के अंतिम संस्करण देखें

Edit this doc

If you have an idea for improving this documentation, please feel free to contribute by submitting a pull request on GitHub.

GitHub link to the documentation

Copy

Copy doc Markdown to clipboard

डायनेमिक रिकॉर्ड्स (Dynamic Records)

एक डायनेमिक रिकॉर्ड (dynamic record) एक कंटेंट फ़ाइल है जिसकी पहचान एक अनुक्रमिक इंडेक्स या एक नामांकित वेरिएंट नहीं है, बल्कि एक meta फ़ील्ड में घोषित कुंजी-मान (key-value) जोड़े का एक मनमाना सेट है। Intlayer इन फ़ील्ड्स का उपयोग रनटाइम पर चयनकर्ता (selector) के रूप में करता है, जिससे सीएमएस रिकॉर्ड्स, उपयोगकर्ता-विशिष्ट कॉपी, या किसी भी कंटेंट को संबोधित करना संभव हो जाता है जिसकी कुंजियाँ बिल्ड टाइम पर ज्ञात नहीं होती हैं।

डायनेमिक रिकॉर्ड घोषित करना

product-copy.abc.content.ts

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { t, type Dictionary } from "intlayer";

const dictionary = {
  key: "product-copy",
  meta: {
    id: "prod_abc",
    userId: "user_123",
  },
  content: {
    name: t({ en: "Widget Pro", fr: "Widget Pro" }),
    description: t({ en: "The best widget.", fr: "Le meilleur widget." }),
  },
} satisfies Dictionary;

export default dictionary;

product-copy.abcd.content.ts

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { t, type Dictionary } from "intlayer";

const dictionary = {
  key: "product-copy",
  meta: {
    id: "prod_abcd",
    userId: "user_123",
  },
  content: {
    name: t({ en: "Widget Lite", fr: "Widget Lite" }),
    description: t({ en: "A lighter option.", fr: "Une option plus légère." }),
  },
} satisfies Dictionary;

export default dictionary;

डायनेमिक रिकॉर्ड का उपयोग करना

चयनकर्ता में सभी meta फ़ील्ड आवश्यक हैं। किसी भी फ़ील्ड को छोड़ने पर null प्राप्त होता है और यह एक TypeScript त्रुटि है।

ProductCopy.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { useIntlayer } from "react-intlayer";

export const ProductCopy = ({
  productId,
  userId,
}: {
  productId: string;
  userId: string;
}) => {
  const content = useIntlayer("product-copy", { id: productId, userId });
  // TypeScript लागू करता है कि id और userId दोनों प्रदान किए जाएं।

  if (!content) return null;

  return <p>{content.description}</p>;
};

ProductCopy.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { useIntlayer } from "next-intlayer";

export const ProductCopy = ({
  productId,
  userId,
}: {
  productId: string;
  userId: string;
}) => {
  const content = useIntlayer("product-copy", { id: productId, userId });
  // TypeScript लागू करता है कि id और userId दोनों प्रदान किए जाएं।

  if (!content) return null;

  return <p>{content.description}</p>;
};

ProductCopy.vue

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

<script setup>
import { useIntlayer } from "vue-intlayer";

const props = defineProps({
  productId: String,
  userId: String,
});

const content = useIntlayer("product-copy", { id: props.productId, userId: props.userId });
</script>

<template>
  <p v-if="content">{{ content.description }}</p>
</template>

ProductCopy.svelte

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

<script lang="ts">
import { useIntlayer } from "svelte-intlayer";

export let productId: string;
export let userId: string;

const content = useIntlayer("product-copy", { id: productId, userId });
</script>

{#if $content}
  <p>{$content.description}</p>
{/if}

ProductCopy.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { useIntlayer } from "preact-intlayer";

export const ProductCopy = ({
  productId,
  userId,
}: {
  productId: string;
  userId: string;
}) => {
  const content = useIntlayer("product-copy", { id: productId, userId });
  // TypeScript लागू करता है कि id और userId दोनों प्रदान किए जाएं।

  if (!content) return null;

  return <p>{content.description}</p>;
};

ProductCopy.tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { useIntlayer } from "solid-intlayer";

export const ProductCopy = (props: {
  productId: string;
  userId: string;
}) => {
  const content = useIntlayer("product-copy", { id: props.productId, userId: props.userId });
  // TypeScript लागू करता है कि id और userId दोनों प्रदान किए जाएं।

  return (
    <>
      {content() && <p>{content().description}</p>}
    </>
  );
};

product-copy.component.ts

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { Component, Input, OnInit } from "@angular/core";
import { useIntlayer } from "angular-intlayer";

@Component({
  selector: "app-product-copy",
  template: `
    @if (content()) {
      <p>{{ content().description }}</p>
    }
  `,
})
export class ProductCopyComponent implements OnInit {
  @Input() productId!: string;
  @Input() userId!: string;

  content: any;

  ngOnInit() {
    this.content = useIntlayer("product-copy", { id: this.productId, userId: this.userId });
  }
}

product-copy.js

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

import { useIntlayer } from "vanilla-intlayer";const content = useIntlayer("product-copy", {  id: "prod_abcd",  userId: "user_123"});if (content) {  document.body.innerHTML = `<p>${content.description}</p>`;}

स्पष्ट भाषा विकल्प के साथ

tsx

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

const content = useIntlayer("product-copy", {  id: "prod_abc",  userId: "user_123",  locale: "fr",});

अनुपलब्ध मेटा फ़ील्ड — कंपाइल-टाइम त्रुटि

ts

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

// प्रकार त्रुटि: `userId` अनुपलब्ध हैconst content = useIntlayer("product-copy", { id: "prod_abc" });

लोडिंग मोड

डायनेमिक रिकॉर्ड्स को आमतौर पर आलसी तरीके से (lazily) लोड किया जाता है। इसे नियंत्रित करने के लिए डिक्शनरी पर importMode सेट करें:

ts

कोड कॉपी करें

कोड को क्लिपबोर्ड पर कॉपी करें

const dictionary = {
  key: "product-copy",
  importMode: "fetch", // या "dynamic"
  meta: { id: "prod_abc", userId: "user_123" },
  content: { … },
} satisfies Dictionary;

export default dictionary;

स्थिर (static), गतिशील (dynamic), और फ़ेच (fetch) मोड के विवरण के लिए बंडल अनुकूलन देखें।

विशिष्ट उपयोग के मामले

सीएमएस में प्रबंधित प्रति-उत्पाद विपणन कॉपी (marketing copy)
उपयोगकर्ता-विशिष्ट या खाता-विशिष्ट कंटेंट
एक अपारदर्शी रनटाइम आईडी द्वारा कुंजीकृत कोई भी कंटेंट

वेरिएंट

प्रति लोकेल फ़ाइल

इस पृष्ठ में

चर्चाएं गुमनाम हैं और सामान्य मुद्दों को संबोधित करने के लिए नियमित रूप से समीक्षा की जाती हैं। फीचर आइडिया, डॉक्यूमेंटेशन पर फीडबैक, या Intlayer से संबंधित कुछ भी साझा करने में संकोच न करें, हम इस इनपुट का उपयोग अपने रोडमैप को आकार देने और उत्पाद को बेहतर बनाने के लिए करते हैं।

import { useIntlayer } from "vanilla-intlayer";const content = useIntlayer("product-copy", {  id: "prod_abcd",  userId: "user_123"});if (content) {  document.body.innerHTML = `<p>${content.description}</p>`;}