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

E.G.

January 11, 2025

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.

E.G.

January 9, 2025

Why the Home Assistant Community Store (HACS) is a Must-Have for Every HA User

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

E.G.

January 8, 2025

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.

E.G.

January 7, 2025

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.

E.G.

November 27, 2024

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.

E.G.

November 6, 2024

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.

E.G.

November 6, 2024

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.

E.G.

October 4, 2024

Next.js 14 - Create fancy animations in seconds with TailwindCss

Some months ago, when I was working on a project, the Idea came up to animate the button so that it shows “bouncing dots” as long as the process in the background was not finished.

E.G.

September 27, 2024

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

E.G.

September 27, 2024

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.

E.G.

September 19, 2024

Next.js 14 - Multiple connections within a project with Prisma ORM

In my last projects, I needed to establish a DB connection to more than one Postgres DB. I had the challenge of managing these multiple connections within the Prisma Context.

E.G.

September 19, 2024

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.

E.G.

September 2, 2024

Next.js 14 - How to Use Contentful Environments and Aliases

In this story, I will show you how to use Contentful Environments and Aliases in your Nextjs 14 project. Environments are a great way to change your project's data structure.

E.G.

August 28, 2024

Next.js 14 - Custom Client-Side Tracking - Part 2 (new data attributes)

Now we will add the UserAgent, Pathname, Mobile, Platform, Region, and City. All data will be saved to a Neon.tech Postgres DB via Prisma ORM, as in the story before.

E.G.

August 22, 2024

Next.js 14 -Building Custom Client-Side Tracking End-to-End

I will show you how you can build a custom hook for page tracking and integrate it into your existing Next.js 14 project with ease. The data will be saved into a Neon.tech Postgres DB

E.G.

August 20, 2024

Next.js 14 - useMemo / useCallback - Detailed explanation of two React hooks

React introduced the useMemo and useCallback hooks in React 16.8, which was released on February 6, 2019. So, as of August 2024, these hooks are five years and 6 months old.

E.G.

August 16, 2024

Next.js 14 -Data model extension and Contentful data sync with API route

We will walk through the process of a complete data re-sync between Contentful and Algolia with two Custom API Routes in Nextjs 14, and we will extend the Algolia Data Model.

E.G.

August 13, 2024

Next.js 14 -Algolia search with native HighLight and snippet components

Now, we will examine the last two widgets (“HighLight” and “Snippet”), which we did not use in our previous post, where the focus was on SearchBox, Hits, and RefinementList.

E.G.

August 11, 2024

Next.js 14 -Advanced Search Integration with Algolia UI Libraries (Widgets)

In this follow-up story, I will show you how to easily integrate the Algolia Instant search into your existing Next.js 14 project. We will also use custom styling with TailwindCss.

E.G.

August 7, 2024