Blog posts

observability An easy look at Grafana architecture

Delve into Grafana's architecture in this article, where I strive to simplify complex concepts. Explore the components that make up Gra...

observability An easy look at Prometheus architecture

For me, as a frontend developer, diving into domains that require extensive architectural knowledge can sometimes be challenging. If yo...

astro How to build a static lightweight MDX blog with Astro and Tailwind CSS: Step-by-step guide

A full, step-by-step guide for developers seeking to implement a portfolio or blog publication with Astro.

frontend Aspects of successful web publication from a technical perspective

This article will cover the technical aspects of successful web publication and provide guidance on how to achieve them.

astro Assigning custom components to HTML elements in Astro collections - Image with figcaption example

Astro collections allow you to keep your content type-safe and provide a built-in mechanism to render your MDX files. Let's consider an...

astro Generating static Open Graph (OG) images in Astro using @vercel/og

I prefer my publication to be as automated as possible, allowing me to focus on content creation. Let's explore how to automate og:imag...

astro Why I migrated my blog publication from Next.js to Astro

After Astro released version 3.0, I was excited to try out the new features and decided to rebuild my website with Astro. Let me share ...

frontend Dark Mode: The must-have feature for publication websites

Dark mode is rapidly emerging as a UX best practice. In this article, we'll delve into why it's essential to embrace dark mode, whether...

react Advanced techniques for managing Query Parameters in React apps

Managing query parameters can be a challenging task, especially in complex reactive web applications with shareable URLs. Let's explore...

react Rendering large lists in React: A headless solution

There are situations where having all the data preloaded is necessary and lazy loading or pagination is not applicable. In such cases, ...

react Why I choose React for my projects

In the dynamic realm of frontend development, selecting the right technology stack is crucial. Among the options, React stands out for ...

frontend Making the right technology choices before starting a new frontend project

Web dev is rapidly growing and evolving. As a result, selecting the right technologies for a frontend project can be quite challenging ...

dev-lifestyle How poor posture impacts health and performance for devs

Several reasons why developers should start thinking about their posture.

react Sunsetting Redux Saga

Uncovering reasons to move away from redux-saga complexity for simpler and more maintainable state management in React applications.

react Making the most of TypeScript: Enhancing safety and productivity

How to master TypeScript, ensuring safety and speed are never compromised. Let's unlock the true potential of this remarkable language ...

nextjs How to Build a Static MDX Blog with Next.js and Contentlayer

Discover a comprehensive step-by-step tutorial for constructing a static files blog with MDX, Next.js, and Contentlayer. This guide com...

nextjs Next.js website optimization: The road to 99% Google PageSpeed

Discover valuable tips to enhance the Google PageSpeed ranking of your publication, built with Next.js using static export.

react Can I use react-query and Redux together?

Let's answer the question: Is it okay to integrate react-query into an existing Redux project?

react The best React tech stack in 2023

About the React stack that worked out through a bunch of years of development, feels good nowadays and seems like will stay here for a ...

nextjs Next.js 13, MDX, Contentlayer, Tailwind stack for building static blog

Describing each component of the Next.js 13, MDX, Contentlayer, and Tailwind stack as an option for building your publication.

nextjs Next.js 13 for static export sites: is it ready for production?

This article examines Next.js 13 readiness for production by considering the example of a personal static exported site with an MDX blo...