Middleware12
Next.js 14 - App Router Middleware HTTP Basic Auth mit Typescript
In diesem How-To zeige ich Ihnen, wie Sie HTTP-Basic-Auth zu Ihrer nächsten.js 14 App hinzufügen. Basic Auth ist eine Funktion, die Vercel anbietet, aber nur für den Pro Plan.
Next.js 14 -Erweiterte Suchintegration mit Algolia UI Bibliotheken (Widgets)
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.
Next.js 14 / Upstash Kafka - Benutzerdefinierte Hochleistungs-Analytik
Aufgrund seiner serverlosen Architektur ist Upstash Kafka eine ideale Lösung für Website-Analysen. Es bietet einen hohen Durchsatz bei gleichzeitig geringer Latenz
Next.js 14 - Komplettes Beispiel - Hinzufügen von Internationalisierung / Mehrsprachigkeit zu unserem Blog basierend auf Contentful/GraphQL - Teil 5
In Teil 5 werden wir unserer Contentful Blog Mehrsprachigkeit hinzufügen und einen Sprachumschalter integrieren. Es werden Client/Server Komponenten verwendet
Next.js 14 -Algolia Suche mit nativen HighLight und Snippet Komponenten
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.
Next.js 14 -Erweiterte Analytik mit neuen Styles und neuen Widgets - Teil 2
In diesem Post werden wir mit unserem Analyse-Dashboard fortfahren. Wir werden ein neues Styling mit TailwindCss und neue Widgets zu unserem Dashboard hinzufügen
Next.js 14 -Erweiterte Analytik mit Tinybird und integriertem Dashboard
Wir stellen die Plattform Tinybird vor und integrieren das Javascript Snippet für die Datenerfassung. Danach integrieren wir das Analytic Dashboard in unser bestehendes Nextjs 14 Projekt.
Next.js 14 - Flyout-Menüs mit TailwindCSS & Contentful - Teil 2
Im vorherigen Beitrag haben wir die Komponenten für das Flyout-Menü erstellt und die Integration vorgenommen. Jetzt werden wir das Menü mit unserem Headless CMS Contentful verbinden.
Next.js 14 - Erstellen von Flyout-Menüs mit TailwindCSS in wenigen Minuten
Die Erstellung eines Flyout-Menüs mit Tailwind CSS ist aufgrund des Utility-First-Ansatzes von Vorteil. Dieser Ansatz beschleunigt die Entwicklung durch die Verwendung vordefinierter Klassen
Next.js 14 / Contentful- Professionelle Syntaxhervorhebung
Ich werde die Komponente in Kombination mit dem Headless CMS Contentful wiederverwenden. So kann ich meinen Inhalt in Contentful erstellen und Next.js 14 für die Visualisierung verwenden
Next.js 14 - Erweiterte Syntax-/Code-Hervorhebung
Ich bin auf einen modernen Ansatz zur Syntaxhervorhebung gestoßen, um Codeblöcke zu integrieren und habe Shiki entdeckt, welches sich hervorragend für Blogs eignet.
Erhöhen der Website-Sichtbarkeit (SERP) mit Next.js SEO
Serverseitiges Rendering (SSR) und statische Seitengenerierung (SSG) bilden den Kern der SEO-Fähigkeiten von Next.js, um Suchmaschinen-Crawler zu unterstützen.