RSSAmplifier

Blog

prudkohliad/blog

Software Engineering how-to guides on JavaScript, React, Next.js, Ruby, Golang, PostgreSQL and anything else useful or interesting

prudkohliad.comRSS feed ↗14 posts

Latest posts

Shucking a Seagate Game Drive PS4/PS5 (STLV2000202)

See what's inside the Seagate Game Drive PS4/PS5 (STLV2000202). Photo walkthrough of shucking this 2TB portable HDD to reveal the internal SATA drive

OTP email verification and password reset

Secure OTP-based email verification and password reset flow with anti-enumeration, cooldowns, and safe cryptographic practices

Getting Wi-Fi SSID on Mac via bash using Shortcuts

Learn how to determine the current Wi-Fi SSID in bash for scripting on Mac using the Shortcuts app

How to check SSL/TLS cipher suites on your website with nmap

Use nmap to quickly check the TLS cipher suites available on your website to gain valuable security posture insight

How to implement a Multi-Select Dropdown component with React and Tailwind 4

A guide on implementing an uncontrolled Multi-Select Dropdown component with React and Tailwind 4. The component is going to remain functional even when JavaScript is disabled on the client.

Updating website content on schedule via GitHub Actions

I would like to share my journey on building a self-sustainable content management system that does not require a content database in a traditional sense.

How to deploy a Next.js app to a Hetzner VPS using SST and Docker

Learn how to self-host your Next.js application on a Hetzner VPS using SST and Docker for robust and fast deployment.

How to deploy a Next.js app to a VPS on Hetzner using Docker and GitHub Actions

A step-by-step tutorial on deploying a Next.js app to a VPS on Hetzner. Includes writing a Dockerfile, a GitHub Action for deployment automation, configuring the DNS and certificates at Cloudflare.

How to set up a new project using Yarn in 2024

A tutorial on setting up nodenv, Node.jst LTS, Yarn via Corepack and initialization of a new JavaScript project with a smoke-test.

How to implement a Multi-Select Dropdown component with React and Tailwind CSS

A guide on implementing an uncontrolled Multi-Select Dropdown component with React and Tailwind CSS. The component is going to remain functional even when JavaScript is disabled on the client.

How I optimized SVG icons on my website

My take on optimizing (reusing) SVG icons on my website using and tags.

How to set up a new project using Yarn

A tutorial on setting up nodenv, Node.jst LTS, Yarn via Corepack and initialization of a new JavaScript project with a smoke-test.

How to resize images for Open Graph and Twitter using sharp

How to programmatically resize images for Open Graph and Twitter adding a blurred background in javascript using sharp

How to implement a slider element using React, Tailwind CSS and Intersection Observer API

How to implement a slider (carousel/slideshow) element using Next.js, React, Tailwind.css and Intersection Observer API.