tailwindcss20

Lassen Sie uns etwas tiefer gehen und eine schöne Benutzeroberfläche auf unserer Nextjs-Basis mit Hilfe von Tailwindcss/Contentful erstellen

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.

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.

Die Erstellung eines Flyout-Menüs mit Tailwind CSS ist aufgrund des Utility-First-Ansatzes von Vorteil. Dieser Ansatz beschleunigt die Entwicklung durch die Verwendung vordefinierter Klassen

In diesem Post werden wir mit unserem Analyse-Dashboard fortfahren. Wir werden ein neues Styling mit TailwindCss und neue Widgets zu unserem Dashboard hinzufügen

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.

Contentful bietet ein großartiges Tagging-System. Ich zeige Ihnen, wie wir es verwenden können, um Inhalte nach Tags zu gruppieren und anzuzeigen

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.

Lassen Sie uns ein Upload-Formular mit Next.js 14 erstellen. Wir werden eine Dropzone und die Möglichkeit, mehrere Dateien gleichzeitig hochzuladen integrieren.

In der sich schnell entwickelnden Welt ist die Verbindung und Synchronisierung von Daten über verschiedene Plattformen hinweg entscheidend. Wir syncen Neon.Tech Postgres mit Azure AI Search

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

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.

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.

In diesem letzten Teil unserer Serie zum Aufbau einer SaaS-Lösung mit Next.js 14 und Azure konzentrieren wir uns auf den kritischen Aspekt der Verwaltung von Azure Storage Accounts.

Aufgrund seiner serverlosen Architektur ist Upstash Kafka eine ideale Lösung für Website-Analysen. Es bietet einen hohen Durchsatz bei gleichzeitig geringer Latenz

In diesem Beitrag zeige ich Ihnen, wie Sie Contentful Environments und Aliases in Ihrem Nextjs 14 Projekt verwenden können. Environments bieten enormes Potential

Ich werde Ihnen zeigen, wie Sie Ihre Daten in Azure AD B2C und Ihrer PostgreSQL DB mit Hilfe von Prisma ORM/REST einfach löschen und/oder aktualisieren können.

Die Seitengeschwindigkeit ist ein bedeutender Ranking-Faktor für Suchmaschinen. Next.js bietet verschiedene Funktionen wie zum Beispiel optimiertes Bildladen.

Consent Management kann teuer und komplex sein, aber mit den richtigen Werkzeugen (Piwik Pro) und Anleitungen ist es ein Kinderspiel.

Jetzt werden die Widgets ("HighLight" und "Snippet") untersucht, die wir in unserem vorherigen Beitrag nicht verwendet haben, wo der Schwerpunkt auf SearchBox, Hits, RefinementList lag.