Personal knowledge base and practical tools
Oceanz.site collects technical notes, deployment troubleshooting, frontend experiments, subtitle utilities, and browser-based tools that I use or refine while building software.
After deploying a multilingual site with Next.js and submitting it to Google Search Console, I kept seeing 'Duplicate, Google chose different canonical than user.' The root cause turned out to be incorrect Canonical and Hreflang settings, which prevented proper indexing.
From YouTube Transcripts and yt-dlp to OpenAI Whisper, Faster Whisper, and WhisperX鈥攁 complete local walkthrough of English video subtitle production and dynamic caption timeline alignment. Covers model differences, speed tests, word-level timestamps, forced alignment, and subtitle workflows.
Root cause of Unexpected error when deploying with vercel --prod on Vercel Hobby: not CLI or network鈥擥it commit author vs. Vercel team permission check (multi GitHub/SSH/Vercel account). Full troubleshooting and solutions.
When using Next.js for static export (SSG) and deploying to GitHub Pages, issues often arise with JavaScript and CSS failing to load (404 errors). This article provides a comprehensive configuration, including .nojekyll, basePath, and assetPrefix, along with automated deployment methods suitable for open-source projects, personal blogs, and demo pages.
The @tailwindcss/typography plugin is a practical, yet somewhat unconventional, "counter-example" in the Tailwind CSS ecosystem. While Tailwind typically emphasizes utility-first design, this plugin introduces a compositional abstraction (the prose class). It tackles styling challenges for semantic HTML content that's rich in text but simple in structure鈥攁 common scenario in real-world projects.This plugin isn't a one-size-fits-all solution for every UI. However, for content-driven pages like blogs, knowledge bases, or educational platforms, it's an incredibly cost-effective tool for achieving beautiful typography.
Are you encountering the error 'Deployment request did not have a git author with access to the project on Vercel' when using Vercel + GitHub for automatic deployments? This article will walk you through the triggers, root causes, and solutions for this issue, using practical examples, official documentation, and community insights.
Docker image pull failures? CI/CD stuck on `docker pull`? This article provides a reproducible alternative: build your personal or team's private Docker repository using Alibaba Cloud Container Registry (ACR) to achieve long-term stable pulls, version control, multi-device sharing, and completely eliminate the frustration of frequently failing mirror sites.
Generate RFC 4122 compliant version 4 UUIDs using the Web Crypto API. Perfect for creating unique identifiers for your applications.
A lightweight SRT subtitle tools, view, translation assistant, and comparison.
Preview Microsoft Edge TTS voice samples, compare 322 neural voices, and copy voice IDs such as en-US-AriaNeural for Python edge-tts, Azure Speech, narration, and dubbing projects.