সার্চ

Sveltepress ডিফল্ট থিম তিনটি উপায়ে আপনার সাইটে সার্চ যুক্ত করার সুবিধা দেয়:

  • Algolia DocSearch — বিল্ট-ইন docsearch অপশনের মাধ্যমে
  • Meilisearch@sveltepress/meilisearch এবং search অপশনের মাধ্যমে
  • কাস্টম সার্চsearch অপশনে যেকোনো Svelte কম্পোনেন্ট বা মডিউল পাথ স্ট্রিং পাঠিয়ে

Algolia DocSearch

নেভবারে Algolia DocSearch সক্রিয় করতে defaultTheme-এ docsearch কনফিগ অবজেক্ট পাঠান।

appId, apiKey এবং indexName আবশ্যিক। বাকি সব DocSearch অপশনও গ্রহণযোগ্য।

vite.config.(js|ts)
import { defaultTheme  } from '@sveltepress/theme-default'
import { sveltepress  } from '@sveltepress/vite'
import { defineConfig  } from 'vite'

export default defineConfig ({
  plugins : [
    sveltepress ({
      theme : defaultTheme ({
        docsearch : {
          appId : 'YOUR_APP_ID',
          apiKey : 'YOUR_SEARCH_API_KEY',
          indexName : 'YOUR_INDEX_NAME',
        },
      }),
    }),
  ],
})
ts
DocSearch-এর জন্য আবেদন

ওপেন-সোর্স ডকুমেন্টেশন সাইটের জন্য DocSearch বিনামূল্যে পাওয়া যায়। docsearch.algolia.com -এ আবেদন করুন।

Meilisearch

Meilisearch একটি ওপেন-সোর্স, সেলফ-হোস্টেড সার্চ ইঞ্জিন। @sveltepress/meilisearch প্যাকেজ এবং search অপশন ব্যবহার করে এটি সাইটে যুক্ত করুন।

ইনস্টলেশন

npm install --save @sveltepress/meilisearch
sh

কনফিগারেশন

@sveltepress/meilisearch থেকে এক্সপোর্ট করা Search.svelte কম্পোনেন্টের পাথ search অপশনে দিন:

vite.config.(js|ts)
import { defaultTheme  } from '@sveltepress/theme-default'
import { sveltepress  } from '@sveltepress/vite'
import { defineConfig  } from 'vite'

export default defineConfig ({
  plugins : [
    sveltepress ({
      theme : defaultTheme ({
        search : '@sveltepress/meilisearch/Search.svelte',
      }),
    }),
  ],
})
ts

Search.svelte কম্পোনেন্ট নিচের props গ্রহণ করে। একটি র‍্যাপার কম্পোনেন্ট তৈরি করে এই props পাঠানো যাবে।

Propটাইপআবশ্যিকবিবরণ
hoststringআপনার Meilisearch ইন্সট্যান্সের URL
apiKeystringশুধু সার্চের জন্য API কী
indexNamestringসার্চ করার ইনডেক্সের নাম
placeholderstringসার্চ ইনপুটের প্লেসহোল্ডার টেক্সট (ডিফল্ট: 'Search...')
limitnumberসর্বোচ্চ ফলাফল সংখ্যা (ডিফল্ট: 10)
সেলফ-হোস্টেড বনাম Meilisearch Cloud

আপনি নিজেই Meilisearch হোস্ট করতে পারেন অথবা Meilisearch Cloud ব্যবহার করতে পারেন। host-এ আপনার ডিপ্লয়মেন্টের URL দিন।

কাস্টম সার্চ

search অপশনে সরাসরি Svelte Component পাঠানো যায়, যা দিয়ে যেকোনো সার্চ লাইব্রেরি ব্যবহার করা সম্ভব:

vite.config.(js|ts)
import { defaultTheme  } from '@sveltepress/theme-default'
import { sveltepress  } from '@sveltepress/vite'
import { defineConfig  } from 'vite'
import MySearchComponent  from './src/components/MySearchComponent.svelte'

export default defineConfig ({
  plugins : [
    sveltepress ({
      theme : defaultTheme ({
        search : MySearchComponent ,
      }),
    }),
  ],
})
ts
search ও docsearch-এর অগ্রাধিকার

search এবং docsearch একসাথে দেওয়া থাকলে search-ই কার্যকর হবে এবং docsearch উপেক্ষা করা হবে।

Last update at: 2026/03/09 12:36:50