Anton PrudkohliadHow to deploy a Next.js app to a VPS on Hetzner using Docker and GitHub ActionsA step-by-step tutorial on deploying a Next.js app to a VPS on Hetzner. Writing a Dockerfile, a GitHub Action, configuring Cloudflare.3h ago3h ago
Anton PrudkohliadHow to set up a new project using Yarn in 2024Let’s see how we could set up a shiny new JavaScript project using the Yarn package manager. We are going to set up nodenv, install Node.js…May 11May 11
Anton PrudkohliadHow to implement a Multi-Select Dropdown component with React and Tailwind CSSRecently I stumbled upon one of Web Dev Cody’s videos where he was implementing a Multi-Select Dropdown component. So, I decided to write…Oct 29, 20231Oct 29, 20231
Anton PrudkohliadHow I optimized SVG icons on my websiteSo I was looking at my website the other day, at the bookmarks page in particular. What I realized was that every bookmark had an embedded…Sep 20, 2023Sep 20, 2023
Anton PrudkohliadHow to set up a new project using YarnLet’s see how we could set up a shiny new JavaScript project using Yarn package manager. We are going to setup nodenv, install Node.js and…Sep 7, 2023Sep 7, 2023
Anton PrudkohliadHow to resize images for Open Graph and Twitter using sharpWhen sharing content on social media platforms, it’s essential to have visually appealing images that are properly sized. Let’s explore how…Sep 1, 2023Sep 1, 2023
Anton PrudkohliadHow to implement a slider element using React, Tailwind.css and Intersection Observer APILet’s see how we could implement an image slider (a.k.a. carousel, a.k.a. slideshow) using React, Tailwind.css and as much browser-native…Aug 29, 2023Aug 29, 2023