Loading...
typescript17
Analyse von Next.js und TypeScript: Eine umfassende Anleitung
Im sich schnell entwickelnden Umfeld der Webentwicklung ist die Synergie zwischen Next.js und TypeScript zur Basis für die Erstellung effizienter und skalierbarer Anwendungen geworden.
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 - 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
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 - 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.
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 / 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
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.
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.
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.
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
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
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.