Technical Blog
Insights & Deep Dives
In-depth technical articles on web development, databases, security, architecture, and the business of software.
Tailwind CSSNext.jsMigration
Tailwind v4: Icons Not Showing After Upgrade? bg-opacity-* Was Removed
Upgraded to Tailwind CSS v4 and your icons vanished, overlays went opaque, or tinted backgrounds turned solid? The bg-opacity-* utilities were removed in v4, the official upgrade tool doesn't rewrite them, and they fail without a single build error. Here's how to find every instance and fix it safely.
July 27, 2026
Tailwind CSSNext.jsCSS
Tailwind CSS v3 → v4 on Next.js: Why Your Site Looks Broken After Upgrading (and the 3 Fixes)
We upgraded a production Next.js 16 + Turbopack app from Tailwind CSS 3.4 to 4.3 and the layout collapsed — everything left-aligned while the colors stayed fine. Here are the three real bugs the upgrade tool doesn't fix, the symptom that identifies each, and the exact fix.
June 25, 2026
Browse by Topic
All PostsAIAI AgentsAI SafetyAWSAnthropicBest PracticesCSSClaudeClaude CodeCloud InfrastructureCodexCybersecurityDebuggingDevOpsEmailEnterprise AIFree HostingFrontendHermesHindsightInterpretabilityMarketingMemoryMigrationMythosNetworkingNext.jsOpenClawOracle CloudPerplexityPostfixPowerShellProductivitySEOSESSecuritySelf-HostedServerSystem AdministrationTailwind CSSTelegramText EncodingUSER.mdUbuntuVPSVibe CodingWeb DevelopmentWindowsWorkspace