Viktor's Notes

Explore web typography basics, learn about TrueType Font files, and understand how to integrate them with Webpack. A straightforward guide to enhancing your web projects.

Navigate React apps with React Router v6 and React 18. This guide simplifies modern routing techniques for optimal React development.

Explore our step-by-step guide to integrating React with Webpack, enhancing your web development workflow. This article covers everything from setting up React dependencies to configuring Babel, ensuring a seamless development experience with the latest React v18 features.

Learn how to secure your website with SSL using Let's Encrypt and Certbot. This comprehensive guide covers the installation of SSL on Linux and macOS, explains SSL certificates, and the role of Certificate Authorities, ensuring enhanced website security and credibility.

Learn how to securely automate your CI pipeline with GitHub Actions by handling private SSL certificates without exposing them in your repository. This guide walks you through a simple, base64-encoded secret management approach that keeps your builds both safe and fully automated.

Explore the comprehensive guide to building a WPE and RDK image for Raspberry Pi 4B using Buildroot. This detailed blog covers everything from setting up a virtual machine, configuring Buildroot, to navigating ThunderUI and Metrologic UI, providing essential insights for enthusiasts and professionals in embedded systems development.

Setting up a Raspberry Pi 4B as a GitHub Actions self-hosted runner is a powerful way to extend your CI/CD infrastructure. This guide simplifies the process of setting up a self-hosted runner on a Raspberry Pi 4B and configuring it to run in the background on boot.

Explore an advanced guide on automating application deployment to a Virtual Machine using GitHub Actions, Dockerfiles, and Docker-Compose. Learn how to streamline your development workflow by integrating powerful technologies for efficient and reliable deployment.

Docker streamlines software consistency but lacks GUI support. For MacOS, XQuartz fills this void, enabling GUI applications within Docker containers. Dive deeper to harness Docker's full potential.

Explore an advanced guide on enabling SSH secure connection to a remote device. Learn how to set up SSH key-based authentication and integrate it into a CI pipeline such as GitHub Actions.

Explore an advanced guide on exposing your Raspberry Pi to the internet using Cloudflare Tunnel. Learn how to expose your local applications to the internet with ease.

Using FFmpeg, videos are sequences of frames rapidly displayed. By manipulating a 5-second black video, we demonstrated decoding it into images and then encoding these images back into a video. This process provides insights into video encoding, decoding, and the intricacies of video playback.

GitHub Pages offers seamless project hosting. This guide covers setup, auto-deployments with GitHub Actions, and live project viewing, enhancing development collaboration.

Learn to set up an Express server in Node.js, handle CORS, and manage dependencies. Dive in for a streamlined server initialization guide.

Discover the advantages of server-side rendering for React apps with our comprehensive guide. Learn to enhance performance, improve SEO, and optimize user experience by integrating Express.js into your workflow

Explore the dynamic world of video streaming with our deep dive into Adaptive Bitrate (ABR) streaming. Learn how the BOLA algorithm enhances viewer experience by optimizing video quality in real-time, reducing buffering, and ensuring seamless playback

Discover the power of Encrypted Media Extensions (EME) integrated with Media Source Extensions (MSE) for secure web media playback. Dive deep into video encryption, key management, and hands-on decryption in this comprehensive guide.

Dive into Adaptive Bitrate (ABR) for modern streaming. Learn to use Media Source Extensions for multi-quality playback and understand the role of an ABR Manager

Master web-based content playback using MSE & MPEG-DASH. Learn to set up a Webpack server, stream videos, and build a custom MSE Player. Elevate your web media.

Dive deep into Media Source Extensions (MSE) for enhanced web development. Learn to manipulate media streams for a tailored playback experience. Master MSE with our comprehensive guide.

Learn how to integrate WebVTT subtitles with HTML5 Media Source Extensions for enhanced video accessibility. Follow our step-by-step guide for a seamless viewing experience with best practices for subtitle visibility and synchronization.

Unlock the power of port forwarding on OpenWRT with our personalized guide. Navigate the setup, address security concerns, and add an extra layer with SSL/TLS certificates for a secure and accessible digital experience.

Learn how to securely store and access secrets using AWS Secrets Manager and Terraform. This guide walks through setting up secret storage, IAM roles, and integrating secrets with your EC2 instances

Provision HTTPS with CloudFront and ACM using Terraform. Set up a CloudFront distribution with an EC2 origin, generate an SSL certificate via ACM in us-east-1, validate via Route53, and enforce secure access to your site over HTTPS.

Learn how to provision observability on an AWS EC2 instance using Terraform and the Datadog Agent. This guide walks through automating Datadog agent installation via EC2 user_data, securely managing API keys, and verifying the setup through logs and the Datadog dashboard.

Learn how to expose your EC2-hosted app via a custom domain using Terraform and AWS Route 53. This guide walks through setting up an HTTP server, creating DNS records, and pointing your domain to a static IP.

Learn how to deploy an EC2 instance on AWS using Terraform, from setting up AWS credentials to provisioning a secure and scalable infrastructure with VPC, subnets, and security groups. A practical, step-by-step guide for beginners and DevOps enthusiasts alike.

Learn how to scale your infrastructure from a single EC2 instance to an ECS-managed cluster using Terraform. This guide covers ECS clusters, task definitions, and services — setting the stage for rolling updates and higher availability. Perfect for devs leveling up their AWS game.

Set up HTTPS for your EC2 app using Terraform with ACM, CloudFront, and Route53. You’ll provision an SSL certificate in us-east-1, validate it via DNS, and configure CloudFront to serve traffic securely over HTTPS using your custom domain.

Learn how to set up a Raspberry Pi from scratch using Raspberry Pi OS Lite, configure headless SSH access with public-key authentication, and automate software installation using Ansible. A hands-on guide for developers and makers who want a repeatable and efficient Raspberry Pi setup.

Dive deep into mastering video element playback in web development. This guide covers the essentials of embedding videos with the HTML <video> element, ensuring seamless playback, and implementing custom controls

Learn how to set up remote state storage for Terraform using AWS S3 and DynamoDB. This guide walks through backend provisioning, configuration, and best practices for safe, collaborative IaC workflows.

Dive into web development with this guide on setting up a Webpack project. Harness efficient code bundling and integrate TypeScript for a streamlined development experience