Nodejs + NVM (Node Version Manager) - Teamwork
Installation und Verwendung von NVM (Node Version Manager)
Next.js 14 - Schicke Animationen in Sekunden mit TailwindCss erstellen
Vor einigen Monaten, kam mir die Idee, die Schaltfläche so zu animieren, dass sie "hüpfende Punkte" zeigt, solange der Prozess im Hintergrund nicht abgeschlossen ist.
Next.js 14 - useMemo / useCallback - Detailierte Erklärung zweier React Hooks
React führte die useMemo und useCallback Hooks in React 16.8 ein, das am 6. Februar 2019 veröffentlicht wurde. Im August 2024 sind diese Hooks also fünf Jahre und sechs Monate alt.
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.
SEO und endloses Scrollen vs. Paginierung: Umfassende Analyse
In der digitalen Welt ist eine gute UX- und SEO-Strategie entscheidend für den Erfolg einer Website. Webentwickler wählen zwischen Endloses Scrollen und Paginierung.
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
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 - 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 - 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.
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 - 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 - 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.).
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 -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 - 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.
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.