real time full text search nextjs

يقدم Tigris حلًا متكاملًا للبحث عن النص الكامل يتيح لك إنشاء تجارب بحث قوية داخل التطبيق الخاص بك. باستخدام تقنية الأنواع ، يلغي محرك البحث المدمج هذا الحاجة إلى نظام بحث إضافي ، مما يوفر تجربة سلسة وقابلة للتطوير لقاعدة البيانات الخاصة بك.

⚡ ️tigris نموذج تطبيق على Next.js - البحث في الوقت الحقيقي

تم تصميم هذا التطبيق باستخدام Next.js و Tigris ويوفر حلًا كاملًا. يتم تخزين المنتجات واستردادها من قاعدة بيانات Tigris ليتم عرضها للعملاء. لتحسين إمكانية الوصول ، قمت بدمج ميزة البحث في الوقت الفعلي مع Tigris مما يتيح للمستخدمين البحث بسرعة عن منتجاتهم المطلوبة.

مشروع تجريبي

نشر التطبيق

لنشر هذا التطبيق على حسابات Vercel و NetLify الخاصة بك ، ستحتاج إلى حساب GitHub و Vercel و NetLify و Tigris. بمجرد حصولك على جميع الحسابات ، ما عليك سوى النقر فوق أزرار "النشر" واتبع الإرشادات لنشر التطبيق على حساباتك.

تشغيل Next.js Server & Tigris محليًا

المتطلبات الأساسية

1. اشترك على وحدة تحكم دجلة
2. node.js 14.6.0 أو الأحدث
3. يتم دعم MacOS و Windows و Linux

تعليمات

1. استنساخ هذا الريبو على جهاز الكمبيوتر الخاص بك

git clone https://github.com/tigrisdata-community/realtime-search

2. تثبيت التبعيات

 cd realtime-search
npm install

3. قم بتشغيل خادم Next.js

npm run dev

ملاحظة: لكي يعمل التطبيق ، يجب عليك أولاً إنشاء مشروع على وحدة التحكم Tigris ثم نسخ بيانات الاعتماد التي تم إنشاؤها إلى ملف .env . للحصول على تعليمات حول كيفية القيام بذلك ، يرجى الرجوع إلى البرنامج التعليمي المصاحب ..

؟ كل ذلك. يجب أن تكون قادرًا على استخدام التطبيق على localhost:3000 في المتصفح. لا تتردد في اللعب أو القيام برمز يسير بعد ذلك؟

؟ الإرشادات الرمز

بنية الملف

 ├── package.json
├── lib
│   ├── tigris.ts
├── db
│   └── models
│       └── store.ts
└── pages
    ├── index.tsx
    └── api
        └── store
            ├── index.ts
            └── search.ts

؟ تعريف مخطط دجلة

DB/Models/Store.ts - يحتوي التطبيق على products مجموعة واحدة تخزن المنتجات في المتجر. يتم إنشاء/تحديث هذه المجموعة تلقائيًا بواسطة البرنامج النصي الإعداد.

❇ طرق API للوصول إلى البيانات في مجموعة Tigris

يتم تعريف جميع طرق API Next.js تحت pages/api/ . لدينا ثلاثة ملفات تعرض نقاط النهاية:

pages/api/store/index.ts

• GET /api/store للحصول على مجموعة من المنتجات كصفيف
• GET /api/items/search?q=query للعثور على المنتجات وإرجاعها مطابقة الاستعلام المحدد

الخطوات التالية

لا تتردد في إضافة المزيد من الوظائف أو تخصيص تطبيق لحالة الاستخدام ومعرفة المزيد حول منصة بيانات Tigris

؟ المساهمة

المساهمات هي التي تجعل مجتمع المصدر المفتوح مكانًا رائعًا للتعلم وإلهامه وإنشائه. أي مساهمات تقدمها موضع تقدير كبير .

إذا كان لديك اقتراح من شأنه أن يجعل هذا أفضل ، فيرجى تورك الريبو وإنشاء طلب سحب. يمكنك أيضًا فتح مشكلة. لا تنسى إعطاء المشروع نجمًا! شكرًا لك مرة أخرى!

1. شوكة المشروع
2. قم بإنشاء فرع الميزات الخاص بك ( git checkout -b feature/AmazingFeature )
3. ارتكب التغييرات الخاصة بك ( git commit -m 'Add some AmazingFeature' )
4. ادفع إلى الفرع ( git push origin feature/AmazingFeature )
5. افتح طلب سحب

(العودة إلى الأعلى)