Algolia18

Warum ich Algolia, die Sync-Route und vier Env-Variablen gelöscht habe — und unsere On-Site-Suche durch einen abhängigkeitsfreien Token-Scan über den ohnehin im Speicher gehaltenen ~8-MB-Store ersetzt habe.

In diesem Folgeartikel zeige ich Ihnen, wie Sie die Algolia Instant-Suche ganz einfach in Ihr bestehendes Next.js 14-Projekt integrieren können. On Top gibt es noch ein Custom Styling.

Anreichern der Contentful Webhook Daten mit Next.js 14, um die benötigten Informationen an Algolia zu übertragen. Extrahieren des Json aus ev. Rich Text-Feldern

Jetzt werden die Widgets ("HighLight" und "Snippet") untersucht, die wir in unserem vorherigen Beitrag nicht verwendet haben, wo der Schwerpunkt auf SearchBox, Hits, RefinementList lag.

Jeder Blog benötigt eine schnelle Suche und Inhaltsfilterung. Lassen Sie uns einen der besten Suchdienste auf dem Markt nutzen und ihn mit einer ansprechenden Tag-Cloud kombinieren und alles im Millisekundenbereich.

Wir machen eine Datensynchronisation zwischen Contentful und Algolia mit zwei benutzerdefinierten API-Routen in Nextjs 14 durchlaufen und das Algolia-Datenmodell erweitern.

Ein Teil fehlt noch für unser vollwertiges Blog-Projekt auf der Basis von Next.js 14, Contentful und Algolia. Und das ist die Benutzerregistrierung und Anmeldung (Authentifizierung und Autorisierung), die heutzutage unerlässlich ist. Wir werden AD B2C verwenden.

Jeder Blog benötigt eine ansprechende Startseite. Diese Schritt-für-Schritt-Anleitung wird zwei neue Inhaltstypen zu Contentful hinzufügen und die neu hinzugefügten Daten in unserem Next.js 14 Blogprojekt anzeigen.

Im 3. Post werden wir unsere Next.js-App verwenden, um das Azure AD B2C Access Token zu erhalten, um Ressourcen auf Azure über den anfänglich erstellten App Service zu erstellen.

In diesem Beitrag zeige ich Ihnen, wie Sie Contentful Environments und Aliases in Ihrem Nextjs 14 Projekt verwenden können. Environments bieten enormes Potential

Wir integrieren nun den AD B2C Mandanten, in unser Next.js 14 Projekt. Als Basis dient uns dabei das Repo, welches wir in den letzten Posts erstellt haben.

Contentful bietet ein großartiges Tagging-System. Ich zeige Ihnen, wie wir es verwenden können, um Inhalte nach Tags zu gruppieren und anzuzeigen

Sie benötigen eine Marketingwebseite für die Präsentation Ihrer Produkte oder einfach nur einen Blog. Hier finden Sie eine komplette Anleitung.

In Teil 5 werden wir unserer Contentful Blog Mehrsprachigkeit hinzufügen und einen Sprachumschalter integrieren. Es werden Client/Server Komponenten verwendet

Letzthin habe ich meine Notizen in Confluence durchforstet, wo ich hunderte von Seiten mit teils sinnvollem und teils (nach Jahren) sinnlosen Inhalt erstellt habe, da mittlerweile der Kontext fehlt oder vergessen wurde. Ich hatte das Gefühl, dass all diese Notizen mit anderen geteilt werden sollten, weil ich mich an den ganzen Schweiß und die Geduld erinnern kann, die ich in die Sammlung des Inhalts investiert habe.

Nun haben wir Teil 3 erreicht und wir werden eine Kopf- und Fußzeilenkomponente hinzufügen, sowie die sogenannte Entwurfs-/Vorschaufunktion, die von Contentful angeboten wird. Nicht zu vergessen der heutzutage obligatorische Wechsel in den Dunkelmodus.

Lassen Sie uns etwas tiefer gehen und eine schöne Benutzeroberfläche auf unserer Nextjs-Basis mit Hilfe von Tailwindcss/Contentful erstellen

Lassen Sie uns eine völlig neue Website erstellen, die mit Next.js 14, Contentful und TypeScript betrieben wird.