Apps Artificial Intelligence CSS DevOps Go JavaScript Laravel Linux MongoDB MySQL PHP Python Rust Svelte Vue

Apps

Base64 Encoder / Decoder
Case Converter
Font Changer
Quick Image Tools
Hash Generator
JSON Array Converter
Password Generator
Playground Python
Slug Generator
URL Encoder / Decoder

Posts

Atomic File Writes in Go: Prevent Partial and Corrupted Files
Published on
Atomic File Writes in Go: Prevent Partial and Corrupted Files
Writing a file with os.WriteFile is simple, but it is not always the safest choice for configuration files, generated metadata, caches, state files, or other data that must never be left half-written. If a process crashes or the machine loses power while a file is being replaced, readers may observe incomplete content. A common way to reduce this risk is an atomic file write: write the new content to a temporary file first, then replace the destination with a rename.
Golang Files Backend Reliability
Go Context Timeouts and Request Cancellation
Published on
Go Context Timeouts and Request Cancellation
A Go HTTP handler can outlive the request that started it unless the work inside the handler pays attention to cancellation. That matters when a client disconnects, an upstream request takes too long, or a database query is no longer useful. Go solves this with context.Context. Every incoming *http.Request already has a context, and that context is canceled when the client connection closes, the request is canceled by HTTP/2, or the handler returns. You can also derive a shorter deadline for work that should not consume the entire request lifetime.
Golang Backend HTTP
Go Error Wrapping with errors.Is and errors.As
Published on
Go Error Wrapping with errors.Is and errors.As
Errors often cross several layers of a Go application. A low-level function may know that a file is missing, while a higher-level function needs to add context about which operation failed. Go error wrapping lets you add that context without losing information callers need for reliable handling. Why error strings are fragile Do not make program logic depend on error wording. Adding a filename or changing punctuation can break string comparisons even when the underlying condition is unchanged. Prefer semantic checks:
Golang Errors Backend Best Practices
Graceful HTTP Server Shutdown in Go
Published on
Graceful HTTP Server Shutdown in Go
Stopping a web server with Ctrl+C looks harmless during development, but production deployments need a more careful shutdown process. If a process exits immediately, active HTTP requests can be interrupted, clients may receive connection errors, and in-flight work can be left unfinished. Go’s standard library already provides the pieces needed for a clean shutdown. The main tools are os/signal, context, and http.Server.Shutdown. This guide shows a practical pattern for shutting down an HTTP server when the process receives SIGINT or SIGTERM.
Golang HTTP Context Backend
Testing Go HTTP Handlers with httptest
Published on
Testing Go HTTP Handlers with httptest
HTTP handlers are one of the easiest parts of a Go service to test well. You usually do not need to bind a real network port, start the entire application, or depend on an external test framework. Go’s standard library provides net/http/httptest, which can construct HTTP requests, capture handler responses, and even start temporary HTTP servers when a real client-server round trip matters. This guide builds a small JSON endpoint and tests it at several useful levels.
Golang Testing HTTP Backend
Troubleshooting systemd Services with systemctl and journalctl
Published on
Troubleshooting systemd Services with systemctl and journalctl
When a Linux service fails under systemd, the fastest path to a fix is usually not restarting it repeatedly. A better approach is to inspect the service state, read the relevant logs, confirm the effective unit configuration, and validate changes before trying again. This guide presents a repeatable troubleshooting workflow for modern Linux distributions that use systemd. The examples use commands available in systemd 257, but the core workflow also applies to many earlier systemd releases.
Linux systemd DevOps journalctl
Programming Languages and Tools with Language Server Protocol (LSP) Support
Published on
Programming Languages and Tools with Language Server Protocol (LSP) Support
Modern editors such as VS Code, Neovim, Emacs, and Sublime Text can share language intelligence through the Language Server Protocol (LSP). A language server runs separately from the editor and provides features such as completion, diagnostics, symbol navigation, hover information, and refactoring support. How LSP Works A typical setup has three parts: a language server installed on the system or inside the project; an editor or editor plugin that speaks LSP; project configuration the server can understand. For example, Neovim can connect to gopls for Go, while VS Code normally installs the appropriate extension that manages the server integration.
Linux
Building a Simple Search Feature in Svelte
Published on
Building a Simple Search Feature in Svelte
Svelte’s reactivity makes it straightforward to update the UI when component state changes. In this example, we will build a small product search: as the user types, matching items appear immediately. 1. Complete Example Create src/routes/+page.svelte: Copy <script lang="ts"> let query = ""; let products = ["Laptop", "Mouse", "Keyboard", "Monitor", "Printer"]; let results: string[] = []; function searchProducts(q: string) { if (q.trim() === "") { results = []; } else { results = products.filter((p) => p.toLowerCase().includes(q.toLowerCase()) ); } } // Reactive statement: runs whenever query changes $: searchProducts(query); </script> <input bind:value={query} placeholder="Search products..." /> <ul> {#if query.trim() !== ""} {#if results.length > 0} {#each results as item} <li>{item}</li> {/each} {:else} <li>No results</li> {/if} {/if} </ul> 2. How It Works The component has three pieces of state:
Svelte Reactive Statement
Building a Todo List with Stores in SvelteKit
Published on
Building a Todo List with Stores in SvelteKit
Svelte stores provide a simple way to share reactive state across components. In this tutorial, we will build a small Todo List with: Adding tasks Marking tasks complete Editing tasks Deleting tasks Task statistics A live clock The example uses Svelte + TypeScript and the classic Svelte store APIs. 1. Define the Task Type Create src/lib/types/task.ts: Copy export interface Task { id: number; title: string; done: boolean; } Each task has:
Svelte State Management Store
Understanding bind:value Between Parent and Child Components in Svelte
Published on
Understanding bind:value Between Parent and Child Components in Svelte
One convenient Svelte feature is two-way binding with bind:value. It can keep state in a parent component synchronized with a value exposed by a child component without writing separate event-handling boilerplate. The following example connects a reusable input component to state in its parent. 1. Child Component: InputField.svelte Create src/lib/components/InputField.svelte: Copy <script lang="ts"> export let value: string = ""; </script> <h2>Child Component</h2> <input type="text" bind:value /> <p>Input value in child: {value}</p> How it works:
Svelte Props Reactivity
Reverse Proxy with Nginx and Go for Microservices
Published on
Reverse Proxy with Nginx and Go for Microservices
As an application grows, splitting it into smaller services can make independent deployment and scaling easier. For example: Product service on port 8080 Blog service on port 8081 Users should not need to know those internal ports. An Nginx reverse proxy can expose both services under one domain and route requests by URL path. 1. Configure the Nginx Reverse Proxy Create a site configuration: Copy sudo nano /etc/nginx/sites-available/yourdomain.com Add:
DevOps Nginx Golang Microservices
Building an Article CRUD with Laravel and Filament Admin Panel
Published on
Building an Article CRUD with Laravel and Filament Admin Panel
Laravel provides a productive foundation for modern PHP applications, and Filament can add a powerful admin panel with generated forms, tables, and CRUD pages. In this tutorial, we will create a Laravel project and build an Article CRUD resource with Filament. 1. Create a New Laravel Project Copy composer create-project --prefer-dist laravel/laravel website The final argument, website, is the project directory name. Change it if you want a different project name.
Laravel Filament CRUD
.htaccess Rules to Prevent PHP Execution
Published on
.htaccess Rules to Prevent PHP Execution
Public upload directories are a common security-sensitive part of web applications. If an attacker manages to upload a file such as shell.php and the web server executes it, the upload feature can become a route to remote code execution. On Apache, a directory-specific .htaccess configuration can help prevent script execution in locations that should contain only static files. Why .htaccess Can Help Apache supports .htaccess files for directory-level configuration when the server permits the relevant overrides. This makes it possible to apply security rules to a specific directory without changing every virtual-host setting.
DevOps Security Apache htaccess
Automatically Encrypting Eloquent Model Attributes
Published on
Automatically Encrypting Eloquent Model Attributes
Applications often store fields that deserve additional protection at rest. Laravel can encrypt selected Eloquent attributes before they are written to the database and decrypt them automatically when they are read. For modern Laravel applications, the built-in encrypted cast is preferable to overriding Eloquent’s magic __get() and __set() methods. It integrates with the model casting system and avoids interfering with Eloquent internals. Basic Implementation Define encrypted attributes in the model’s casts:
Laravel Security Encryption
Building a Responsive Mega Menu Navbar with Tailwind CSS and Alpine.js
Published on
Building a Responsive Mega Menu Navbar with Tailwind CSS and Alpine.js
Navigation is one of the most important components of a website. For sites with many categories, a mega menu can present many options cleanly inside a large dropdown. This article shows how to build a responsive navbar with mega menus using Tailwind CSS for styling and Alpine.js for interactive behavior. Main Navbar Features Desktop Navigation Main links: Home, Products, Services, About, Contact Mega menus for Products and Services A regular dropdown for About Mobile Navigation
CSS Tailwind
Creating a CA Bundle and Converting an SSL Certificate to .PFX
Published on
Creating a CA Bundle and Converting an SSL Certificate to .PFX
Managing SSL/TLS certificates is a routine task for many developers and system administrators. One common requirement is to combine intermediate certificates into a CA bundle and then convert the certificate and private key into a .pfx file. The .pfx format, also known as PKCS#12, is commonly used when importing certificates into Windows Server and IIS, Microsoft Exchange, and other applications that expect a PKCS#12 bundle. This guide walks through the process.
DevOps SSL
How to Block IP Ranges with `.htaccess`
Updated on
How to Block IP Ranges with `.htaccess`
One useful feature of Apache is the flexibility of .htaccess. In addition to URL rewriting and caching rules, .htaccess can also restrict access based on IP addresses. If you are dealing with spam bots, brute-force attempts, or unwanted traffic from a particular network, one quick option is to block an individual IP address or an entire range. Block a Single IP Address To block one IP address, use: Copy <RequireAll> Require all granted Require not ip 192.168.1.100 </RequireAll> This blocks 192.168.1.100 while allowing other clients to access the site.
DevOps Apache htaccess Security
How to Whitelist IP Address Ranges with .htaccess
Updated on
How to Whitelist IP Address Ranges with .htaccess
.htaccess is useful for more than URL rewriting and caching. It can also provide an additional access-control layer, including restricting an application to specific IP addresses or IP ranges. This technique can be useful when: An application is still in development and should only be available to an internal team. You want to protect sensitive paths such as /admin or /api. A server should only be reachable from an office network or VPN. Whitelist One IP Address To allow only one IP address:
DevOps Security Apache htaccess
Running Laravel Queues on cPanel with Cron Jobs
Published on
Running Laravel Queues on cPanel with Cron Jobs
Laravel queues are useful for work that should not block an HTTP request, such as sending email, generating reports, importing data, or processing files. On a VPS, a process supervisor is usually the best way to keep long-running queue workers alive. Shared cPanel hosting often does not provide that option, so a cron-driven worker can be a practical fallback. This pattern starts a worker periodically and tells it to exit once the queue becomes empty.
Laravel Queue
Building a Live Search Page in Filament PHP
Updated on
Building a Live Search Page in Filament PHP
Real-time search can make an admin dashboard much easier to use. Filament is built on Livewire, so a custom resource page can react to search input without writing a separate frontend application. This example adds a live-search page to a PostResource. 1. Generate a Custom Page Generate a custom page inside the resource: Copy php artisan make:filament-page SearchPost --resource=PostResource --type=custom The exact generated path can vary by Filament version and panel structure, so check the files created by the command.
Laravel Filament
Method Syntax in Rust
Updated on
Method Syntax in Rust
Rust methods define behavior associated with a type such as a struct or enum. They are usually declared inside an impl block and are called on a value with dot syntax. What Is a Method in Rust? A method is a function whose first parameter is some form of self, which represents the value the method is called on. Methods keep behavior close to the type it belongs to and often make APIs easier to read.
Rust
Understanding Enums and Pattern Matching in Rust
Updated on
Understanding Enums and Pattern Matching in Rust
Enums and pattern matching are central Rust features for representing a fixed set of possible states and handling each state explicitly. Rust enums can carry data, while match lets you destructure those values and choose behavior based on their shape. What Is an Enum in Rust? An enum defines a type whose value is exactly one of several variants. Unlike simple enumerations in some languages, Rust variants can also carry structured data.
Rust
Understanding Structs and Methods in Rust
Updated on
Understanding Structs and Methods in Rust
Structs are Rust’s primary way to group related values into a custom data type. They make data models explicit and can be paired with impl blocks to define methods and associated functions that belong with that data. What Is a Struct? A struct is a custom type that combines related fields into one logical value. Rust structs are often used for domain models, configuration, state, request data, and many other structured values.
Rust
Making API Requests in Vue 3 with Axios
Updated on
Making API Requests in Vue 3 with Axios
HTTP APIs are a core part of modern web applications. In Vue 3, Axios is a popular HTTP client that provides a convenient API for making requests, configuring defaults, and handling responses and errors. This tutorial demonstrates common CRUD-style requests against the public DummyJSON example API. 1. Install and Configure Axios Install Axios: Copy npm install axios You can configure a reusable Axios instance instead of modifying global defaults:
Vue
chevron-up