Next.js 14 - API-Begrenzung mit Upstash Redis leicht gemacht.
Die Sicherstellung der Systemverfügbarkeit ist für jedes Produkt entscheidend. Die Implementierung einer API-Begrenzung löst diese Probleme effektiv und kann nahtlos integriert werden.
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 - Benutzerdefiniertes Client-seitiges End-to-End-Tracking erstellen
Ich zeige Ihnen, wie Sie einen benutzerdefinierten Hook für das Seitentracking erstellen und diesen in Ihr bestehendes Next.js 14 Projekt integrieren können.
Next.js 14 - View Counter für Blog mit Serverless Redis (Upstash)
Ich verwende Next.js 14, aber anstatt die Seitenansichten in einer relationalen Datenbank wie PostgreSQL zu speichern, werde ich Upstash Redis verwenden
Next.js 14 - Client-seitiges Tracking - Teil 2 (neue Datenattribute)
Jetzt fügen wir den UserAgent, den Pfadnamen, Mobile, die Plattform, die Region und die Stadt hinzu. Alle Daten werden in einer Neon.tech Postgres DB über Prisma ORM gespeichert
Next.js 14 - Verwendung von Contentful-Umgebungen und Aliasen
In diesem Beitrag zeige ich Ihnen, wie Sie Contentful Environments und Aliases in Ihrem Nextjs 14 Projekt verwenden können. Environments bieten enormes Potential
Next.js 14-Caching/Refresh-Reales Beispiel mit CMS
Ich werde Sie durch die Möglichkeiten des Cachings und der erneuten Validierung in Nextjs 14 führen. Contentful dient als CMS für die Inhaltspflege.
Next.js 14 - Arbeiten mit Contentful Tags und TailwindCss
Contentful bietet ein großartiges Tagging-System. Ich zeige Ihnen, wie wir es verwenden können, um Inhalte nach Tags zu gruppieren und anzuzeigen
Next.js 14 - Dateiupload mit Dropzone, gestylt mit TailwindCss
Lassen Sie uns ein Upload-Formular mit Next.js 14 erstellen. Wir werden eine Dropzone und die Möglichkeit, mehrere Dateien gleichzeitig hochzuladen integrieren.
Next.js 14 - Erweitern Sie Ihre SEO-Tools mit Slugify/Wort & Zeichenzähler
Eine Slugify-Funktion ist hilfreich für die Erstellung sauberer und SEO-freundlicher URLs, die die Benutzerfreundlichkeit verbessern. Wir fügen auch eine Wort-/Zeichenzählung hinzu
Next.js 14 - Komplettes Beispiel - Typescript / App Router / Contentful mit GraphQL - Teil 1
Lassen Sie uns eine völlig neue Website erstellen, die mit Next.js 14, Contentful und TypeScript betrieben wird.
Next.js 14 / SEO - Erstellen Sie einen Sitemap-Zähler in 5 Minuten
Eine aktuelle sitemap.xml bildet die Grundlage für den Google Crawler. Wir werden eine Zählfunktion erstellen, um die sitemap.xml zu überprüfen, ob alle Seiten vorhanden sind.
Next.js 14 - Endless Scroll mit Contentful und Server Actions
Wenn Ihr Blog wächst, benötigen Sie vielleicht eine Funktion wie "Mehr laden" oder "Endless Scroll". Ich zeige Ihnen, wie einfach das mit Next.js 14, Server Actions und Contentful ist.
Blog-Traffic steigern: Gründe, jetzt Social Share Buttons hinzuzufügen
Die Integration von Buttons für soziale Netzwerke in Ihren Blog kann die Reichweite und Sichtbarkeit deutlich erhöhen, da die Leser sie leicht teilen können, was die Besucherzahlen steigert
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 einer HTML-Sitemap in 5 Minuten mit Contentful
Eine HTML-Sitemap listet alle Seiten einer Website auf und verlinkt sie, um einen Überblick über ihre Struktur zu geben. Suchmaschinen profitieren ebenfalls, da alle Seiten gefunden werden
Next.js 14 / SEO - Kombinieren Sie Paginierung mit unendlichem Scrollen
Der Google Crawler ist kein Fan von unendlichem Scrollen, weil er kein Javascript verwenden kann. Wir müssen eine Crawler-freundliche Lösung hinzufügen, um alle Seiten richtig zu finden
Next.js 14 - Aufbau einer SaaS Lösung auf Azure mit Stripe Integration - Teil 5
In diesem letzten Teil meiner Serie über den Aufbau einer SaaS-Lösung mit Next.js 14 und Azure werden wir uns auf die Zahlungsintegration mit Stripe konzentrieren
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