nodejs20

Installing and using NVM (Node Version Manager)

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.

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.

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.

In the digital world, a good UX and SEO strategy is crucial for the success of a website. Web developers choose between infinite scrolling and pagination.

I will reuse the component I created in the previous story combined with the headless CMS Contentful. So I can create my Content within Contentful and use Next.js 14 for the visualization

In the rapidly evolving landscape of web development, the synergy between Next.js and TypeScript has become a cornerstone for building efficient, scalable, and robust applications.

Ensuring system availability is crucial for any product. Implementing rate limiting effectively addresses these issues and can be integrated seamlessly.

In Part 4 we are going to add a custom 404 page, a loading UI (SVG Spinner) and we add some extra colors to our tailwind.config.ts

Page speed is a significant ranking factor for search engines. Next.js offers various features to improve your site’s loading times like optimized image loading.

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.

You can use different approaches to integrate code blocks on your blog or website (TailwindCSS, etc.). I came across a modern approach to syntax highlighting and discovered Shiki

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

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.

We introduce the platform Tinybird and integrate the provided Javascript Snippet for the data collection. Then, we integrate the Analytic Dashboard into our existing Nextjs 14 project.

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.

Server-side rendering (SSR) and static site generation (SSG) are at the core of Next.js’s SEO capabilities to support search engine crawlers

Enrich Contentful payload from webhook with Next.js 14 routes to push the needed data to Algolia. Extract Json from Rich-Text field to index the right content.

Let’s create a completely new website powered with next.js 14, Contentful, and Typescript