Typescript25
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
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.
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.
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
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.
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 - 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 - 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 - 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 / 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 - 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-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 - 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.
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 - Aufbau einer Saas-Lösung auf Azure (langlaufende Prozesse) - Teil1
In den nächsten Beiträgen werde ich Sie durch den Aufbau einer SaaS-Lösung auf Azure führen (Blob-Storage, App Services, Azure Functions, Azure AD B2C, etc.).
Contentful Headless CMS - Inhalte über REST verwalten
Es gibt mehrere Möglichkeiten, Inhalte zu verwalten (Erstellen, Aktualisieren, Löschen usw.). Lassen Sie uns einen tiefen Einblick in die REST-Funktionen dieses CMS nehmen.
Next.js 14 - Mehrere Verbindungen innerhalb eines Projekts mit Prisma ORM
In meinen letzten Projekten musste ich eine DB-Verbindung zu mehr als einer Postgres-DB herstellen. Ich stand vor der Herausforderung, dies innerhalb des Prisma-Kontextes zu verwalten.
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 / 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.
Next.js 14: HTML-Sitemap mit Contentful erstellen
Eine HTML-Sitemap verlinkt alle Seiten deiner Website in einer Übersicht — gut für Leser und Auffindbarkeit. So baust du sie in Next.js 14 mit Contentful.
Einfache Integration von Azure AD B2C in Next.js 14
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.
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.