Azure36

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

Home Assistant ist eine leistungsstarke Open-Source-Plattform für die Heimautomatisierung. Fürs Hosting, ist die Verwendung einer Linux-VM in Azure und Docker einge gute Option.

In diesem letzten Teil meiner Serie über den Aufbau einer SaaS-Lösung mit Next.js 14 und Azure werden wir uns auf die Zahlungsintegration mit Stripe konzentrieren

Im 3. Post werden wir unsere Next.js-App verwenden, um das Azure AD B2C Access Token zu erhalten, um Ressourcen auf Azure über den anfänglich erstellten App Service zu erstellen.

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.

In the previous story, we created a Linux App Service instance in the F1 plan. Now, we have to secure the App Service so that only authorized requests are accepted. We use Azure AD B2C.

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.).

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.

Ich zeige Ihnen, wie einfach es ist, auf Ihre Daten in Ihrem Azure AD B2C Tenant über REST zuzugreifen, so dass Sie sie in Ihr Next.js 14 Projekt integrieren können.

Wir werden uns auf mögliche Identitätsanbieter für unseren Azure B2C Tenant konzentrieren, da wir jedes Hindernis für unsere Benutzer während des Anmeldevorgangs beseitigen möchten. Lassen Sie uns mit den wichtigsten beginnen.

Nach der Integration in unser Next.js 14 Projekt, werden wir die Anmelde- und Registrierungsseite, die von Azure AD B2C bereitgestellt wird, grafisch anpassen.

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.

Ein Teil fehlt noch für unser vollwertiges Blog-Projekt auf der Basis von Next.js 14, Contentful und Algolia. Und das ist die Benutzerregistrierung und Anmeldung (Authentifizierung und Autorisierung), die heutzutage unerlässlich ist. Wir werden AD B2C verwenden.

In den letzten fünf Beiträgen habe ich die schrittweise Erstellung einer Next.js 14-App gezeigt, mit der Azure-Ressourcen über App Service erstellt werden können. Jetzt fehlt noch Stripe.

Ich möchte Anmeldungen nachverfolgen, um Benutzer bei Problemen zu unterstützen und um besser zu verstehen, was bei der Anmeldung passiert. Azure bietet eine intelligente Möglichkeit hierfür

Ich zeige Ihnen, wie schnell Sie Ihren Blogbeiträgen eine Klatschfunktion hinzufügen können. Wir verwenden Upstash Redis als DB, Next.js 14 für die App und Azure AD B2C mit Next-Auth

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

Ich ließ ein 40-Zeilen-Python-Skript meine gesamte Hausautomations-Config umsortieren — aber nur, weil ein zweites Skript bewies, dass dabei keine einzige Automation verloren ging.

Warum dein KNX-Thermostat die in Home Assistant gesetzte Temperatur ignoriert — die fünf HVAC-Voreinstellungen, der Snap-back, der wie ein Bug aussieht, und wie ich sie automatisiere.

Mein Huawei-SDongle akzeptiert genau eine Modbus-Verbindung — aber Home Assistant, der AC·THOR und evcc wollen alle die Daten des Wechselrichters. Hier ist der ~300-Zeilen-asyncio-Cache-Server, mit dem ich alle aus einem einzigen ruhigen Poll versorge.

In diesem Artikel erfahren Sie mehr über HACS (Home Assistant Community Store), warum es ein entscheidender Fortschritt ist und wie Sie damit anfangen können.

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.

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.

Die Integration von Buttons für soziale Netzwerke in Ihren Blog kann die Reichweite und Sichtbarkeit deutlich erhöhen, da die Leser sie leicht teilen können, was die Besucherzahlen steigert

Der Google Crawler ist kein Fan von unendlichem Scrollen, weil er kein Javascript verwenden kann. Wir müssen eine Crawler-freundliche Lösung hinzufügen, um alle Seiten richtig zu finden

Eine Slugify-Funktion ist hilfreich für die Erstellung sauberer und SEO-freundlicher URLs, die die Benutzerfreundlichkeit verbessern. Wir fügen auch eine Wort-/Zeichenzählung hinzu

Crawle deine sitemap.xml und jeden internen Link, um tote URLs zu finden, bevor sie Rankings kosten — ein kleines Next.js-Skript, das auch in der CI läuft.

Zähle die URLs in deiner sitemap.xml mit einer kleinen Next.js-Funktion — so prüfst du schnell, ob jede erwartete Seite drinsteht, bevor Google crawlt.

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.

Ich verwende Next.js 14, aber anstatt die Seitenansichten in einer relationalen Datenbank wie PostgreSQL zu speichern, werde ich Upstash Redis verwenden

Wenn Ihr Blog wächst, benötigen Sie vielleicht eine Funktion wie "Mehr laden" oder "Endless Scroll". Ich zeige Ihnen, wie einfach das mit Next.js 14, Server Actions und Contentful ist.

Sie benötigen eine Marketingwebseite für die Präsentation Ihrer Produkte oder einfach nur einen Blog. Hier finden Sie eine komplette Anleitung.

In Teil 5 werden wir unserer Contentful Blog Mehrsprachigkeit hinzufügen und einen Sprachumschalter integrieren. Es werden Client/Server Komponenten verwendet

Letzthin habe ich meine Notizen in Confluence durchforstet, wo ich hunderte von Seiten mit teils sinnvollem und teils (nach Jahren) sinnlosen Inhalt erstellt habe, da mittlerweile der Kontext fehlt oder vergessen wurde. Ich hatte das Gefühl, dass all diese Notizen mit anderen geteilt werden sollten, weil ich mich an den ganzen Schweiß und die Geduld erinnern kann, die ich in die Sammlung des Inhalts investiert habe.

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.

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