{"id":68019,"date":"2024-01-05T13:54:48","date_gmt":"2024-01-05T12:54:48","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=68019&#038;preview=true&#038;preview_id=68019"},"modified":"2024-01-08T09:32:26","modified_gmt":"2024-01-08T08:32:26","slug":"meilisearch","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/","title":{"rendered":"Nutze die Macht der Meilisearch f\u00fcr deine Web-Anwendung"},"content":{"rendered":"<p>Von E-Commerce-Plattformen bis hin zu Content Management Systemen (CMS) &#8211; Webanwendungen erzeugen und verarbeiten enorme Datenmengen. Die effiziente Extraktion relevanter Informationen aus diesen Daten ist entscheidend f\u00fcr ein reibungsloses Nutzererlebnis. Deshalb reichen herk\u00f6mmliche Suchfunktionen, die w\u00f6rtliche Suchanfragen abgleichen, nicht aus. Du brauchst eine Volltextsuche.<\/p>\n<p>Eine Volltextsuche untersucht den gesamten Inhalt von Dokumenten oder Datenbanken und erm\u00f6glicht es dir, relevante Informationen aus gro\u00dfen Datenbest\u00e4nden auf der Grundlage bestimmter W\u00f6rter oder Phrasen zu finden. Sie ber\u00fccksichtigt Faktoren wie die H\u00e4ufigkeit des Vorkommens und mehrsprachige Inhalte und liefert so genauere und umfassendere Suchergebnisse.<\/p>\n<p><a href=\"https:\/\/www.meilisearch.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meilisearch<\/a> ist ein Vorreiter in dieser Klasse von Suchmaschinen und nutzt die Leistungsf\u00e4higkeit der Volltextsuche, um ein flexibles und leistungsf\u00e4higes Werkzeug anzubieten, das f\u00fcr <a rel=\"noopener\">Entwickler und Endnutzer<\/a> entwickelt wurde.<\/p>\n<p>Dieses Tutorial zeigt dir, wie du Meilisearch in ein Node.js-Webprojekt integrierst.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>Was ist Meilisearch?<\/h2>\n<p>Meilisearch ist eine <a href=\"https:\/\/kinsta.com\/de\/blog\/open-source-vs-closed-source\/\">Open-Source-Suchmaschine<\/a>, die schnelle, relevante Suchergebnisse f\u00fcr Endnutzer liefert. Sie ist typotolerant und funktioniert mit Standardeinstellungen, die f\u00fcr die meisten Projekte geeignet sind.<\/p>\n<p>Meilisearch ist au\u00dferdem sehr anpassungsf\u00e4hig und bietet zahlreiche Funktionen, um die Relevanz der Suchergebnisse zu verbessern. Die wichtigste dieser Funktionen sind die <a href=\"https:\/\/www.meilisearch.com\/docs\/learn\/core_concepts\/relevancy#ranking-rules\" target=\"_blank\" rel=\"noopener noreferrer\">Rankingregeln<\/a>, die du an dein Projekt anpassen kannst.<\/p>\n<p>Es bietet eine intuitive <a href=\"https:\/\/kinsta.com\/de\/blog\/rest-api-vs-web-api\/#what-is-a-rest-api\">RESTful API<\/a> f\u00fcr die nahtlose Integration in praktisch jede Unternehmenswebsite. Du kannst es selbst hosten oder die offizielle Cloud-Hosting-L\u00f6sung <a href=\"https:\/\/cloud.meilisearch.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meilisearch Cloud<\/a> nutzen, um schnell und m\u00fchelos loszulegen. In diesem Leitfaden wird Meilisearch Cloud verwendet.<\/p>\n<h2>Voraussetzungen<\/h2>\n<p>Um mitzumachen, brauchst du:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/de\/blog\/so-installierst-du-node-js\/\">Node.js<\/a>, das auf deinem Computer installiert ist<\/li>\n<li>Ein Node.js-Projekt. Du kannst <a href=\"https:\/\/github.com\/Tammibriggs\/meilisearch-app\" target=\"_blank\" rel=\"noopener noreferrer\">dieses Starterprojekt von GitHub<\/a> verwenden.<\/li>\n<\/ul>\n<h2>So richtest du Meilisearch ein<\/h2>\n<ol start=\"1\">\n<li>Navigiere zu Meilisearch Cloud und erstelle entweder ein Konto oder melde dich an. Stelle sicher, dass du deine E-Mail-Adresse best\u00e4tigst.<\/li>\n<li>Klicke als N\u00e4chstes auf <strong>Projekt erstellen<\/strong>, einen Server, auf dem eine Meilisearch-Instanz l\u00e4uft &#8211; dort f\u00fcgst du die Datens\u00e4tze f\u00fcr deine Website hinzu.<\/li>\n<li>F\u00fcge einen <strong>Projektnamen <\/strong> hinzu (z. B. book-app) und w\u00e4hle deine bevorzugte Region. Klicke dann auf <strong>Erstellen<\/strong>. Nachdem du dein Projekt erstellt hast, kannst du auf <strong>Einstellungen<\/strong> klicken, um Details zu deinem Projekt zu sehen, z. B. die URL f\u00fcr den Zugriff auf die Datens\u00e4tze, API-Schl\u00fcssel zum Schutz deiner Meilisearch-Instanz und andere Informationen.\n<figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/12\/book-app-overview.png\" alt=\"Die \u00dcbersichtsseite des Buch-App-Projekts\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Die \u00dcbersichtsseite des Buch-App-Projekts<\/figcaption><\/figure>\n<p>Es gibt drei API-Schl\u00fcssel, die jeweils f\u00fcr eine <a href=\"https:\/\/www.meilisearch.com\/docs\/learn\/security\/master_api_keys\" target=\"_blank\" rel=\"noopener noreferrer\">andere Berechtigungsstufe<\/a> stehen:<\/p>\n<ul>\n<li><strong>Hauptschl\u00fcssel<\/strong> &#8211; Dieser Schl\u00fcssel schaltet alle Routen frei und ist der einzige, der Zugriff auf die Endpunkte zum Erstellen und L\u00f6schen von API-Schl\u00fcsseln hat. Verwende den Hauptschl\u00fcssel nur, um API-Schl\u00fcssel in einer gesch\u00fctzten Umgebung zu verwalten.<\/li>\n<li><strong>Standard-Such-API-Schl\u00fcssel<\/strong> &#8211; Dieser Schl\u00fcssel gew\u00e4hrt nur Zugriff auf die <a href=\"https:\/\/www.meilisearch.com\/docs\/reference\/api\/search\" target=\"_blank\" rel=\"noopener noreferrer\">Suchroute<\/a>. Du kannst ihn im clientseitigen Code verwenden.<\/li>\n<li><strong>Standard-Admin-API-Schl\u00fcssel<\/strong> &#8211; Mit diesem Schl\u00fcssel hast du Zugriff auf alle API-Routen mit Ausnahme von <code>\/keys<\/code>, die zum Erstellen und L\u00f6schen von API-Schl\u00fcsseln dient. Du kannst diesen Schl\u00fcssel nur in einer gesch\u00fctzten Umgebung verwenden.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2>Wie man Daten mit Meilisearch indiziert<\/h2>\n<p>Indizes sind die Kernkomponenten, die durchsuchbare Daten speichern und organisieren. Sie fungieren als Container f\u00fcr Dokumente &#8211; Objekte, die ein oder mehrere Felder enthalten.<\/p>\n<p>Jeder Index in Meilisearch ist unabh\u00e4ngig und anpassbar, so dass individuelle Regeln f\u00fcr das Suchranking und Filteroptionen m\u00f6glich sind.<\/p>\n<h3>Wie man einen Index erstellt und Dokumente hinzuf\u00fcgt<\/h3>\n<ol start=\"1\">\n<li>Klicke in der Navigationsleiste auf die Registerkarte <strong>Indizes <\/strong>in deinem Projekt.<\/li>\n<li>Klicke auf <strong>Einen Index erstellen<\/strong>. Gib als N\u00e4chstes einen Indexnamen ein (z. B. B\u00fccher) und klicke auf <strong>Index erstellen<\/strong>.<\/li>\n<li>W\u00e4hle aus, wie du deine Dokumente importieren m\u00f6chtest. F\u00fcr diese Anleitung importierst du eine JSON-Datei, die 13 Bucheintr\u00e4ge aus der <a href=\"https:\/\/developers.google.com\/books\/docs\/v1\/getting_started\" target=\"_blank\" rel=\"noopener noreferrer\">Google Book API<\/a> enth\u00e4lt.<\/li>\n<li>Klicke auf <strong>Datei-Upload<\/strong>, lade die JSON-Datei hoch und klicke dann auf <strong>Dokumente importieren<\/strong>.<\/li>\n<\/ol>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Jedes Dokument muss ein Prim\u00e4rfeld haben, das einen <a href=\"https:\/\/www.meilisearch.com\/docs\/learn\/core_concepts\/primary_key\" target=\"_blank\" rel=\"noopener noreferrer\">Prim\u00e4rschl\u00fcssel<\/a> enth\u00e4lt &#8211; ein Attribut mit einem eindeutigen Wert, der in allen Dokumenten vorhanden sein muss. In den meisten F\u00e4llen ist dieser Wert die Dokument-ID. Wenn dieser Schl\u00fcssel nicht vorhanden ist, k\u00f6nnen die Dokumente nicht erfolgreich hochgeladen werden.<\/p>\n<\/aside>\n\n<h3>So aktualisierst und l\u00f6schst du Dokumente<\/h3>\n<p>Meilisearch Cloud bietet derzeit keine M\u00f6glichkeit, Dokumente zu \u00e4ndern oder zu l\u00f6schen, aber du kannst die REST-API-Routen oder das SDK nutzen. Der folgende Code zeigt, wie du Dokumente \u00fcber die REST-API-Endpunkte aktualisieren oder l\u00f6schen kannst. In diesem Tutorial wird cURL verwendet, um mit den Routen zu arbeiten, aber du kannst auch eine API-Plattform wie Postman verwenden.<\/p>\n<ol start=\"1\">\n<li>Um <a rel=\"noopener\">Dokumente zu aktualisieren<\/a>, sende eine <code>PUT<\/code> Anfrage an die folgende Route:\n<pre><code class=\"language-bash\">\/indexes\/{index_uid}\/documents<\/code><\/pre>\n<p>Die <code>index_uid<\/code> oben ist der Indexname deines Projekts:<\/p>\n<p><figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/12\/index-name.png\" alt=\"Hervorgehobener Indexname\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Hervorgehobener Indexname<\/figcaption><\/figure><\/li>\n<li>\u00dcber diesen Weg kannst du eine Liste von Dokumenten hinzuf\u00fcgen oder aktualisieren, wenn sie bereits existieren. Um ein Dokument zu aktualisieren, musst du seinen Prim\u00e4rschl\u00fcssel anh\u00e4ngen. Das alte Dokument wird auf der Grundlage der Felder des neuen Dokuments teilweise aktualisiert. Nachfolgend findest du ein Beispiel daf\u00fcr, wie du den Titel eines Dokuments im Index des Buches von &#8222;<em>JavaScript f\u00fcr Kinder&#8220;<\/em> zu <em>&#8222;JavaScript Coding f\u00fcr Kinder&#8220;<\/em> aktualisierst und ein Herausgeberfeld hinzuf\u00fcgst:\n<pre><code class=\"language-bash\">curl \\\n    -X PUT '\/indexes\/books\/documents' \\\n    -H 'Content-Type: application\/json' \\\n    -H 'Authorization: Bearer ' \\\n        --data-binary '[\n        {\n            \"id\": \"71nDBQAAQBAJ\",\n            \"title\": \"JavaScript Coding for Kids\",\n            \"publisher\": \"No Starch Press\"\n        }\n    ]'<\/code><\/pre>\n<\/li>\n<li>Ersetze <code>&lt;your-project-url&gt;<\/code> und <code>&lt;your-admin-api-key&gt;<\/code> durch die entsprechenden Werte auf deiner <strong>Projekt\u00fcbersichtsseite<\/strong>:\n<pre><code class=\"language-bash\">\"taskUid\": 26, \"indexUid\": \"books\", \"status\": \"enqueued\", \"type\": \"documentAdditionOrUpdate\", \"equeuedAt\": \"2023-05-26T07:52:24.127920065Z\"<\/code><\/pre>\n<\/li>\n<li>F\u00fcr das L\u00f6schen von Dokumenten gibt es in Meilisearch drei Routen (Endpunkte):\n<pre><code class=\"language-bash\">\/indexes\/{index_uid}\/documents \/\/ Deleting all documents\n\/indexes\/{index_uid}\/documents\/{document_id} \/\/ Deleting a single document\n\/indexes\/{index_uid}\/documents\/delete-batch \/\/ Deleting a selection of  \ndocuments<\/code><\/pre>\n<p>Du kannst die <code>document_id<\/code> von den Originaldaten aus der <strong>books.json-Datei<\/strong> erhalten, nachdem du das Dokument aus der MeiliSearch Cloud oder deiner Datenbank geholt hast.<\/li>\n<\/ol>\n<p>Im Folgenden findest du ein Beispiel daf\u00fcr, wie du das Buch, das du oben aktualisiert hast, l\u00f6schen kannst:<\/p>\n<pre><code class=\"language-bash\">curl \\\n    -H 'Authorization: Bearer ' \\\n    -X DELETE '\/indexes\/books\/documents\/71nDBQAAQBAJ'<\/code><\/pre>\n<p>Nachdem du die Anfrage gesendet hast, sollte deine Antwort wie folgt aussehen:<\/p>\n<pre><code class=\"language-bash\">\"taskUid\": 10, \"indexUid\": \"books\", \"status\": \"enqueued\", \"type\": \"documentDeletion\", \"equeuedAt\": \"2023-05-26T07:20:11.1291066\"<\/code><\/pre>\n<h2>Wie man MeiliSearch zu einem Webdienst hinzuf\u00fcgt<\/h2>\n<ol start=\"1\">\n<li>Beginne damit, das Starterprojekt von GitHub zu klonen, indem du die folgenden Befehle in deinem Terminal ausf\u00fchrst:\n<pre><code class=\"language-bash\">git clone https:\/\/github.com\/Tammibriggs\/meilisearch-app.git\ncd meilisearch\u200b-app\nnpm install<\/code><\/pre>\n<p>Wenn du die <strong>package.json-Datei<\/strong> \u00fcberpr\u00fcfst, solltest du den Befehl <strong>start<\/strong> sehen. F\u00fchre <code>npm start<\/code> aus, um das Node.js-Projekt auf localhost port3000 auszuf\u00fchren. Wenn du http:\/\/localhost:3000\/ in deinem Browser eingibst, solltest du folgendes sehen:<\/p>\n<p><figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/12\/meilisearch-demo-app.png\" alt=\"Meilisearch Demo-Starter-Anwendung\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Meilisearch Demo-Starter-Anwendung<\/figcaption><\/figure><\/li>\n<li>Sobald die Anwendung l\u00e4uft, kannst du Meilisearch hinzuf\u00fcgen, damit das Suchformular beim Absenden die Ergebnisse von Meilisearch zur\u00fcckgibt. Dazu installierst du Meilisearch, indem du den folgenden Befehl im Terminal ausf\u00fchrst:\n<pre><code class=\"language-bash\">npm install meilisearch<\/code><\/pre>\n<\/li>\n<li>Au\u00dferdem musst du das npm-Paket <a href=\"https:\/\/www.npmjs.com\/package\/dotenv\" target=\"_blank\" rel=\"noopener noreferrer\">dotenv<\/a> installieren, um sensible Anmeldedaten aus einer <strong>.env-Datei <\/strong>zu laden. F\u00fchre den folgenden Befehl im Terminal aus:\n<pre><code class=\"language-bash\">npm install dotenv<\/code><\/pre>\n<\/li>\n<li>Erstelle eine <strong>.env-Datei <\/strong>im Stammverzeichnis des Projekts und f\u00fcge Folgendes hinzu:\n<pre><code class=\"language-markdown\">YOUR_PROJECT_URL= '&lt;your-project-url&gt;'\nYOUR_SEARCH_API_KEY= '&lt;your-admin-api-key&gt;'<\/code><\/pre>\n<p>Achte darauf, dass du <code>&lt;your-project-url&gt;<\/code> und <code>&lt;your-admin-api-key&gt;<\/code> durch die entsprechenden Werte ersetzt.<\/li>\n<li>Als N\u00e4chstes importierst du <code>meilisearch<\/code> und das Paket <code>dotenv<\/code> in die Datei <strong>server.js<\/strong> und konfigurierst <code>dotenv<\/code>:\n<pre><code class=\"language-js\">import {MeiliSearch} from 'meilisearch'\nimport dotenv from 'dotenv';\ndotenv.config();<\/code><\/pre>\n<\/li>\n<li>Dann initialisiere Meilisearch, damit du mit der Arbeit an deinem <strong>Books-Anwendungs-Projekt<\/strong> beginnen kannst. Navigiere zur Datei <strong>server.js<\/strong> und f\u00fcge den folgenden Code nach der Definition der Variable <code>searchValue<\/code> ein:\n<pre><code class=\"language-js\">const client = new MeiliSearch({ host: process.env.YOUR_PROJECT_URL, apiKey: process.env.YOUR_SEARCH_API_KEY })<\/code><\/pre>\n<\/li>\n<li>Eine wichtige Funktion ist das Durchsuchen deines Buchindex in Meilisearch mithilfe des Suchwerts, der beim Absenden des Formulars an die URL angeh\u00e4ngt wird. Um diese Funktion zu aktivieren, f\u00fcge den folgenden Code nach der Variablendefinition <code>client<\/code> ein:\n<pre><code class=\"language-js\">const index = client.index('books')  \nconst searchResults = !!searchValue && await index.search(searchValue)<\/code><\/pre>\n<p>Dieser Code erstellt einen Verweis auf den Index des Buches. Dann sucht er mit der Methode <code>search()<\/code> nach Dokumenten, die mit dem Suchwert im Index des Buches \u00fcbereinstimmen, wenn du <code>searchValue<\/code> definierst.<\/li>\n<li>Um die Suchergebnisse anzuzeigen, \u00e4nderst du die Methode <code>render()<\/code> wie folgt:\n<pre><code class=\"language-js\">res.render('index', {\n    books: searchResults ? searchResults.hits : [],\n    searchValue\n})<\/code><\/pre>\n<p>Jetzt kannst du mit der Suche im Index des Buches beginnen:<\/p>\n<p><figure id=\"attachment_105526\" aria-describedby=\"caption-attachment-105526\" style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-105526 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/12\/books-index-search-form.gif\" alt=\"Mit dem Suchformular den Index \"B\u00fccher\" durchsuchen\" width=\"1001\" height=\"471\"><figcaption id=\"caption-attachment-105526\" class=\"wp-caption-text\">Mit dem Suchformular den Index &#8222;B\u00fccher&#8220; durchsuchen<\/figcaption><\/figure><\/li>\n<li>Nachdem du die oben genannten Codes hinzugef\u00fcgt hast, sollte deine <strong>server.js-Datei<\/strong> wie folgt aussehen:\n<pre><code class=\"language-js\">import express from 'express';\nimport { MeiliSearch } from 'meilisearch';\nimport dotenv from 'dotenv';\ndotenv.config();\n\nconst app = express();\nconst PORT = process.env.PORT || 3000;\n\napp.set('view engine', 'ejs');\napp.use(express.static('public'));\n\napp.get('\/', async (req, res) =&gt; {\n\tconst searchValue = req.query.search;\n\tconst client = new MeiliSearch({\n\t\thost: process.env.YOUR_PROJECT_URL,\n\t\tapiKey: process.env.YOUR_SEARCH_API_KEY,\n\t});\n\tconst index = client.index('books');\n\tconst searchResults = !!searchValue && (await index.search(searchValue));\n\n\tres.render('index', {\n\t\tbooks: searchResults ? searchResults.hits : [],\n\t\tsearchValue,\n\t});\n});\n\napp.listen(PORT, () =&gt; {\n\tconsole.log(`listening at http:\/\/localhost:${PORT}`);\n});<\/code><\/pre>\n<\/li>\n<\/ol>\n<p>Du kannst den <a href=\"https:\/\/github.com\/agencycodes\/meilisearch-demo\" target=\"_blank\" rel=\"noopener noreferrer\">kompletten Code f\u00fcr dieses Tutorial auf GitHub<\/a> einsehen.<\/p>\n<h2>Zusammenfassung<\/h2>\n<p>Meilisearch ist eine hervorragende Suchmaschinenl\u00f6sung, die die Suchfunktionen einer Website und das Nutzererlebnis verbessert. Die au\u00dfergew\u00f6hnliche Geschwindigkeit, der auf Relevanz ausgerichtete Ranking-Algorithmus und der nahtlose Integrationsprozess machen sie zu einem unsch\u00e4tzbaren Werkzeug, wenn du die Suchfunktionen deiner Website optimieren willst.<\/p>\n<p>Der Kinsta <a href=\"https:\/\/sevalla.com\/application-hosting\/\">Anwendungs-Hosting-Dienst<\/a>\u00a0steigert die Leistung von Meilisearch-gest\u00fctzten Anwendungen nahtlos. Mit einer robusten Infrastruktur und optimierten Serverumgebungen sorgt Kinsta f\u00fcr eine schnelle Suchfunktionalit\u00e4t und verbessert so das Nutzererlebnis. Die Skalierbarkeit der Plattform passt sich den Anforderungen von Meilisearch an und garantiert einen zuverl\u00e4ssigen und effizienten Suchbetrieb.<\/p>\n<p><em>Auf welche Suchmaschine setzt du bei deinen Projekten? Lass es uns im Kommentarbereich wissen!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Von E-Commerce-Plattformen bis hin zu Content Management Systemen (CMS) &#8211; Webanwendungen erzeugen und verarbeiten enorme Datenmengen. Die effiziente Extraktion relevanter Informationen aus diesen Daten ist entscheidend &#8230;<\/p>\n","protected":false},"author":199,"featured_media":68020,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[965],"class_list":["post-68019","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-node-js"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Nutze die Macht der Meilisearch f\u00fcr deine Web-App - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Setze blitzschnelle Suchfunktionen ein und verbessere die Benutzerfreundlichkeit. Dieser Leitfaden erkl\u00e4rt, wie du Meilisearch in deine Anwendungen integrierst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Nutze die Macht der Meilisearch f\u00fcr deine Web-Anwendung\" \/>\n<meta property=\"og:description\" content=\"Setze blitzschnelle Suchfunktionen ein und verbessere die Benutzerfreundlichkeit. Dieser Leitfaden erkl\u00e4rt, wie du Meilisearch in deine Anwendungen integrierst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-05T12:54:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-08T08:32:26+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Setze blitzschnelle Suchfunktionen ein und verbessere die Benutzerfreundlichkeit. Dieser Leitfaden erkl\u00e4rt, wie du Meilisearch in deine Anwendungen integrierst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"8\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Nutze die Macht der Meilisearch f\u00fcr deine Web-Anwendung\",\"datePublished\":\"2024-01-05T12:54:48+00:00\",\"dateModified\":\"2024-01-08T08:32:26+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/\"},\"wordCount\":1398,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/\",\"name\":\"Nutze die Macht der Meilisearch f\u00fcr deine Web-App - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg\",\"datePublished\":\"2024-01-05T12:54:48+00:00\",\"dateModified\":\"2024-01-08T08:32:26+00:00\",\"description\":\"Setze blitzschnelle Suchfunktionen ein und verbessere die Benutzerfreundlichkeit. Dieser Leitfaden erkl\u00e4rt, wie du Meilisearch in deine Anwendungen integrierst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Node.js\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/node-js\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Nutze die Macht der Meilisearch f\u00fcr deine Web-Anwendung\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Nutze die Macht der Meilisearch f\u00fcr deine Web-App - Kinsta\u00ae","description":"Setze blitzschnelle Suchfunktionen ein und verbessere die Benutzerfreundlichkeit. Dieser Leitfaden erkl\u00e4rt, wie du Meilisearch in deine Anwendungen integrierst.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/","og_locale":"de_DE","og_type":"article","og_title":"Nutze die Macht der Meilisearch f\u00fcr deine Web-Anwendung","og_description":"Setze blitzschnelle Suchfunktionen ein und verbessere die Benutzerfreundlichkeit. Dieser Leitfaden erkl\u00e4rt, wie du Meilisearch in deine Anwendungen integrierst.","og_url":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2024-01-05T12:54:48+00:00","article_modified_time":"2024-01-08T08:32:26+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg","type":"image\/jpeg"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Setze blitzschnelle Suchfunktionen ein und verbessere die Benutzerfreundlichkeit. Dieser Leitfaden erkl\u00e4rt, wie du Meilisearch in deine Anwendungen integrierst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg","twitter_creator":"@Kinsta_DE","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Jeremy Holcombe","Gesch\u00e4tzte Lesezeit":"8\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Nutze die Macht der Meilisearch f\u00fcr deine Web-Anwendung","datePublished":"2024-01-05T12:54:48+00:00","dateModified":"2024-01-08T08:32:26+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/"},"wordCount":1398,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/meilisearch\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/","url":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/","name":"Nutze die Macht der Meilisearch f\u00fcr deine Web-App - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg","datePublished":"2024-01-05T12:54:48+00:00","dateModified":"2024-01-08T08:32:26+00:00","description":"Setze blitzschnelle Suchfunktionen ein und verbessere die Benutzerfreundlichkeit. Dieser Leitfaden erkl\u00e4rt, wie du Meilisearch in deine Anwendungen integrierst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/meilisearch\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/meilisearch_2.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/meilisearch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Node.js","item":"https:\/\/kinsta.com\/de\/thema\/node-js\/"},{"@type":"ListItem","position":3,"name":"Nutze die Macht der Meilisearch f\u00fcr deine Web-Anwendung"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/68019","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=68019"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/68019\/revisions"}],"predecessor-version":[{"id":68145,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/68019\/revisions\/68145"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/translations\/de"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/translations\/es"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/translations\/nl"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/68019\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/68020"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=68019"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=68019"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=68019"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}