Next.js 14 - Komplettes Beispiel - Benutzerdefinierte 404 Seite / Loading UI / TailwindCss (ExtraColors) - Part 4
In Teil 4 werden wir eine benutzerdefinierte 404-Seite hinzufügen, eine Lade-Benutzeroberfläche (SVG Spinner) und wir fügen unserer tailwind.config.ts einige zusätzliche Farben hinzu.
Beschleunigen Sie Ihre Next.js 14 Webseite und verbessern Sie Ihre SEO Position
Die Seitengeschwindigkeit ist ein bedeutender Ranking-Faktor für Suchmaschinen. Next.js bietet verschiedene Funktionen wie zum Beispiel optimiertes Bildladen.
Nodejs + NVM (Node Version Manager) - Teamwork
Installation und Verwendung von NVM (Node Version Manager)
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.
Inhaltssynchronisation Contentful zu Algolia mit Next.js 14
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
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 - 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 - Komplettes Beispiel - Header / Footer / Tailwindcss / Contentful - Teil 3
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.
Next.js 14 - Consent Management & Analytics for free
Consent Management kann teuer und komplex sein, aber mit den richtigen Werkzeugen (Piwik Pro) und Anleitungen ist es ein Kinderspiel.
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
Algolia und Next.js 14 - Einfache Integration als On-Site-Suche zum Nulltarif
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.
Next.js 14 - Komplettes Beispiel - Typescript / Tailwindcss / Contentful - Teil 2
Lassen Sie uns etwas tiefer gehen und eine schöne Benutzeroberfläche auf unserer Nextjs-Basis mit Hilfe von Tailwindcss/Contentful erstellen
Next.js 14 - Einfache Erstellung von TOC und Codeblöcken
Das Strukturieren Ihres Inhalts ist für Ihre Nutzer großartig, führt aber manchmal zu viel Arbeit für die Redakteure, also lassen Sie uns das automatisieren.
Contentful und Next.js 14 - Einfache Erstellung & Integration von neuen Inhaltstypen für Landing Pages
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.
Nextjs Content Management (CMS), Quo Vadis?
Sie benötigen eine Marketingwebseite für die Präsentation Ihrer Produkte oder einfach nur einen Blog. Hier finden Sie eine komplette Anleitung.
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