Algolia
חיפוש autocomplete בזמן אמת מעל אינדקס האתר. הדמו רץ על @algolia/autocomplete-js עם Fuse.js לסינון fuzzy מעל מערך JS מקומי (147 רשומות, 5 קטגוריות), אותו UI, keyboard nav ו-RTL של Algolia אמיתי, בלי Algolia Cloud.
התחילו להקליד, או נסו GSAP, Webflow, ובפלואו (typo), סטארטאפ. ↑↓ ניווט · Enter כניסה · Esc סגירה.
הדאטה מאחורי החיפוש
מקור אחד: app/docs/algolia/site-index.ts, מערך שטוח של כל דף באתר, נטען ישירות ע"י AlgoliaSearchBox. אין Algolia Cloud; כדי לעלות לאינדקס אמיתי מחליפים את getItems בקריאת search() ל-Algolia API, הצורה נשארת זהה.
Record shape
type IndexRecord = {
objectID: string // stable id
title: string // shown as the result line
subtitle?: string // muted second line
url: string // where the result navigates
category: 'pages' | 'services' | 'industries' | 'types' | 'docs' | 'demos'
rank?: number // default ordering (empty query)
keywords?: string[] // synonyms + Hebrew transliterations, indexed only
}Contents: 147 records
source: app/docs/algolia/site-index.ts
דפים · 30
בית · דמואים · שירותים · אודות · צור קשר · המדריך לבניית אתרים בעידן ה-AI · מבוא: על המדריך הזה · מהפכת ה-AI בבניית אתרים, והאתגרים שנשארו · מה להכין לפני בניית אתר · לבנות אתר לבד עם AI או עם חברה לבניית אתרים · כמה עולה לבנות אתר ומה קובע את המחיר · נגישות האתר: מה חשוב לדעת · פרטיות באתר: מה חשוב לדעת · כלי All in one וכלי AI First · Wix - Website Builder · Webflow, Framer ותוכנות דומות · WordPress עם אלמנטור · Lovable, Bolt, v0 ו-Base44 · לבנות ישירות עם Claude, Gemini או ChatGPT · מה זה דומיין, co.il או com, ושל מי הוא · אחסון אתר: איפה האתר יושב · איך מחברים דומיין לאתר · המנעול ליד הכתובת (SSL) · טפסים ולידים: לוודא שהפנייה באמת מגיעה · עדכון תוכן באתר: טקסט, תמונה, עמוד חדש · מעקב אחרי ביצועי האתר · קידום אתרים למתחילים · קידום ממומן למתחילים · בניית אתרים בוובפלואו · הפיצ'רים של וובפלואו
שירותים · 26
אתרי AI · עיצוב אתרים מקצועי · קידום אתרים עם AI · הנגשת אתרים · שיפור מהירות אתר · אתרים עם אנימציות · בניית אתרי תדמית · בניית אתרים · פיתוח אתרים · קידום אורגני · מחקר מילות מפתח · קידום בגוגל מפות · קידום אתרים טכני · הטכנולוגיה · בניית אתרים עם Claude Code · בניית אתרים ב-Lovable · בניית אתרים ב-Base44 · Google PageSpeed Insights · GSAP · Next.js · Vercel · Nano Banana · Google Search Console · Google Analytics · הפיצ׳רים של Lovable · הפיצ׳רים של Base44
לפי תחום · 13
כל התחומים · בניית אתר תדמית לעסק קטן · בניית אתרים לעורך דין · בניית אתרים לרופא ולמרפאה · בניית אתרים ליועץ ולמאמן · בניית אתרים לקוסמטיקה וטיפוח · בניית אתרים לסטודיו ולחדר כושר · בניית אתרים למסעדה · בניית אתרים לחברות בנייה ונדל״ן · בניית אתרי פורטפוליו · בניית אתרים לסטארטאפים · בניית אתרים לכנס · בניית אתרים לתיירות ונופש
תיעוד וקומפוננטות · 44
GSAP: Entrances · GSAP: Depth on Scroll · GSAP: Mouse & Hover · GSAP: Infrastructure · GSAP: WOW · GSAP: Page transitions · Create a Demo · Shared Inner Pages · GSAP · Swiper · Fancybox · WebGL · three.js · Outside the Box · HorizonX · Style Guide · Design Tokens · מיפוי לפי תוכן · UIKit Components · Navbar · Heads & heroes · Tooltips · Shaders · Clips · Footer · Sort / filter · BETA · Engine · Skills · Checks & scripts · ESLint · Vercel · Algolia · webiny_course · Image Generator · מבקר חיצוני · PPC overview · Landing Pages · CTA · Analytics · Connect Google Ads · The Flood · מיפוי מילים · DataForSEO
דמואים · 34
אתר למספרה · אתר לקוסמטיקאית · אתר למרפאה · דף נחיתה למשקה · אתר לדיג׳יי לאירועים · אתר למוצר טכנולוגי · אתר לקואצ׳רית עסקית · אתר לכנס מקצועי · אתר לסוכנות דיגיטל · אתר לסטודיו לאנימציה · אתר לבלוג · אתר לצלם · אתר לחדר כושר · אתר למתחם פיטנס · אתר לסטודיו פילאטיס · אתר למאפרת · אתר למורה לנגינה · אתר לחברת בנייה · אתר למשרד תיווך · אתר לעורך דין · אתר למסעדה · אתר למסעדה יפנית · אתר למלון בוטיק · אתר לפסיכולוג · אתר לסיורים מודרכים · אתר לחברת אנרגיה · אתר למעצבת פנים · אתר לנגרייה · אתר לספא · אתר לבית ספר לגלישה · אתר לסטודיו יוגה · אתר למעצבת שמלות ערב · אתר לסטארטאפ (SaaS) · אתר ליועץ עסקי
טעינה: רק כשפותחים את החיפוש
שום דבר לא נטען בטעינת הדף. הספריות (autocomplete-js, ה-CSS שלו ו-Fuse.js, כ-45KB) נטענות רק כשהחיפוש נפתח: לחיצה על זכוכית המגדלת, או Ctrl/Cmd+K. AlgoliaSearchBox מביא אותן כשהוא עולה, ו-StudioSearch (וה-LumiereSearch של הדמו) מחכים בפולינג ל-input ואז נותנים לו פוקוס, כך שגם הפתיחה הראשונה מתמלאת, רגע אחרי. לא להחזיר preload לכל דף: רוב הביקורים לא פותחים חיפוש.
גרסאות נעולות. AUTOCOMPLETE_VERSION בראש AlgoliaSearchBox.tsxמזין את ה-JS ואת ה-CSS בכל המקומות; Fuse.js נעול על 6.6.2. כתובת בלי גרסה עוקבת אחרי כל שחרור, כך ששבירה הייתה מגיעה לאתר לבד, וקובץ לא נעול נשמר בקאש 7 ימים בלבד. עדכון = שורה אחת, ואז לבדוק את החיפוש.
