Azure36

Next.js 14 — Sync Neon.Tech Postgres DB with Azure AI Search
In the fast-evolving world, connecting and synchronizing data across various platforms is key. This article will guide you through connecting a Neon.Tech Postgres database to Azure AI Search

Home Assistant — How to Install via Docker on an Azure Linux VM
Home Assistant is a powerful open source platform for home automation. For hosting, the use of a Linux VM in Azure and Docker is a good option.

Next.js 14 — Building a SaaS Solution on Azure with Stripe Integration — Part 5
In this last part of my series on building a SaaS solution using Next.js 14 and Azure, we will focus on the payment integration with Stripe so that you can ask for a subscription, etc.

Automated creation of Azure resources via CLI in Next.js - Part 3
In the third story, we will use our Next.js app to get the Azure AD B2C Access Token to create Resources on Azure via the App Service created initially.

Next.js 14 — Building a SaaS Solution on Azure (Storage Accounts etc.) — Part 4
In this final part of our series on building a SaaS solution using Next.js 14 and Azure, we will focus on the critical aspect of managing Azure Storage Accounts.

Next.js 14 - Building a Saas solution in Azure (authentication) - Part 2
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.

Next.js 14 - Building a Saas solution on Azure (long-running processes) - Part 1
In the next few posts, I will guide you through building a SaaS solution on Azure (Blob Storage, App Services, Azure Functions, Azure AD B2C, etc.).

Azure AD B2C/Prisma ORM - Data control via REST - Part 2
I will show you how you can delete and/or update your data within the Azure AD B2C Directory and your PostgreSQL DB at Neon.tech with ease using Prisma ORM/REST

How to manipulate your Azure AD B2C Data via your REST API
I will show you how easy it is to access your data in your Azure AD B2C Tenant via REST so that you can integrate it into your Next.js 14 project. We will extend our Prisma schema as well.

Adding Identity Provider (Google, Github, and Microsoft) to Azure AD B2C Tenant to enable Social Login
We will focus on possible Identity providers for our Azure B2C Tenant because we would like to remove every obstacle for our users during the login process. Let's start with the main ones.

Custom styling Azure AD B2C Signup-Signin Page Next.js 14
After integrating it into our Next.js 14 project, we will style the signup and sign-in page provided by Azure AD B2C to look nicer.

Integrating Azure AD B2C into Next.js 14 with ease
We will focus on integrating this tenant into a full-fledged Next.js 14 project. As a template, we will take the example that we created in the previous stories

Azure AD B2C: Integrate one of the best Authentication and Authorization Platforms to your Next.js 14 Project for free
One part is still missing for our fully-fledged blog project based on Next.js 14, Contentful and Algolia. And that is user registration and login (authentication and authorization), which is essential nowadays. We will use AD B2C.

Next.js 14 — Building a SaaS Solution — Loading products from Stripe
In the previous five stories, I showed the step-by-step creation of a Next.js 14 app that can be used to create Azure Resources via App Service. Now, we added the payment option with Stripe.

Custom login data tracking with Prisma/Serverless Postgres in Next.js 14
I want to track login attempts to support users if they face issues and to understand better what is going on during login. Azure offers a smart way to implement some logic.

Next.js 14 / Upstash Redis - Adding a Clap Function within minutes
I will show you how fast you can add a clap function to your blog posts. We use Upstash Redis as our serverless DB, Next.js 14 for the App, and Azure AD B2C with Next-Auth

Next.js 14 - File upload with Dropzone, styled with TailwindCss
Let's build a nice-looking upload form with Next.js 14. We will integrate a dropzone and the capability to upload multiple files simultaneously with a fancy upload progress bar.

Splitting a 2,000-Line automations.yaml into 8 Files
I let a 40-line Python script reshuffle my whole home-automation config — but only because a second script proved it didn't lose a single automation along the way.

KNX Thermostat Preset Modes in Home Assistant
Why your KNX thermostat ignores the temperature you set in Home Assistant — the five HVAC preset modes, the snap-back that looks like a bug, and how I automate them.

Caching a Huawei SUN2000 over Modbus for Home Assistant
My Huawei SDongle accepts exactly one Modbus connection — but Home Assistant, the AC·THOR and evcc all want the inverter's data. Here's the ~300-line asyncio cache server I wrote to feed all of them from a single quiet poll.

What Is HACS? The Home Assistant Community Store, Explained
In this story, we’ll explore HACS (Home Assistant Community Store), why it’s a game-changer, and how to get started with it.

Contentful Headless CMS — Managing Content via REST
There are several ways to manage content (Creating, updating, deleting, and delivering content). Let’s do a deep dive into this CMS's REST capabilities.

Next.js 14 - Rate Limiting with Upstash Redis made easy.
Ensuring system availability is crucial for any product. Implementing rate limiting effectively addresses these issues and can be integrated seamlessly.

Boost Blog Traffic: Reasons to Add Social Share Buttons Now
Integrating social share buttons on your blog post can significantly increase reach and visibility by making it easy for readers to share, boosting traffic and providing social proof

Next.js 14 / SEO - Combine Pagination with Infinite Scroll
We know, Google Crawler is not a big fan of infinite scrolling because it can't use Javascript. Therefore, we need to add a crawler-friendly solution to find and index all pages properly.

Next.js 14 - Expand your SEO tools with Slugify/Word & Letter Counter
A slugify function is valuable for creating clean, readable, and SEO-friendly URLs that enhance user experience. To round up the service offering, we add a Word/Character count as well

Next.js 14 - Create a Broken Link Checker based on the sitemap.xml
A broken link checker is crucial for maintaining website health and user experience. It helps identify and fix dead links, which can frustrate users and negatively impact SEO rankings.

Next.js 14 / SEO - Create a Sitemap Counter in 5 minutes
An up-to-date sitemap.xml builds the foundation for the Google Crawler. We will create a count function to check the sitemap.xml. This will help us to check if all pages are present.

Next.js 14 - Creating an HTML Sitemap in 5 minutes with Contentful
An HTML sitemap lists and links to all pages on a website, providing an organized overview of its structure. Search engines benefit from HTML sitemaps as they ensure all pages are discovered

Next.js 14 - View Counter for Blog with Serverless Redis (Upstash)
I'm using Next.js 14 with the new app router, but instead of storing the page views in a relational database like PostgreSQL, I'll be using Upstash Redis so add this nice feature

Next.js 14 - Endless Scroll with Contentful and Server Actions
As your blog grows, you may need a function like "Load more" or "Infinite scroll." I will focus on that and show how easy it is with Next.js 14, Server Actions, and Contentful as CMS.

Nextjs Content Management, Quo Vadis?
You plan to start a new business where you need to present your new products to a broader audience on a marketing website. Here you will find a complete guide.

Next.js 14 — Complete Example — Adding Internationalization / Multilanguage to our Blog based on Contentful/GraphQL — Part 5
In Part 5, we will add multilanguage support and a language switcher to our example Blog powered by Contentful and the GraphQL API. (Client/Server Components)

Why I started a tech blog in 2024
I reviewed my notes on Confluence, where I created hundreds of pages with sometimes meaningful and sometimes (after years) content without any sense because of the missing or forgotten context. I had the feeling that all these notes should be shared with others because I can remember all the sweat and patience, which I invested in collecting the content.

Next.js 14 - Complete Example - Header / Footer / Tailwindcss / Contentful - Part 3
Now we have reached part 3 and we will add a header and a footer component, as well as the so-called draft/preview functionality offered by Contentful. Not to forget the nowadays mandatory dark mode toggle.

Next.js 14 - Complete Example - Typescript / Tailwindcss / Contentful - Part 2
Let's dig deeper and build a nice UI on our Nextjs foundation with the help of Tailwindcss/Contentful