Latest Articles

View All

Debugging Next.js Multilingual Indexing Failures: Incorrect Canonical and Hreflang Configurations Prevent Google Indexing

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.

Canonical URLCanonical TaghreflangGoogle Search ConsoleGoogle chose different canonical than user+ 17
Read

Building an English Video Subtitle Workflow: From YouTube Transcripts to WhisperX

From YouTube Transcripts and yt-dlp to OpenAI Whisper, Faster Whisper, and WhisperX—a 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.

ASRYouTube TranscriptDynamic CaptionsWord-by-Word CaptionsHormozi Style Captions+ 16
Read

Vercel Hobby: vercel --prod Unexpected error

Root cause of Unexpected error when deploying with vercel --prod on Vercel Hobby: not CLI or network—Git commit author vs. Vercel team permission check (multi GitHub/SSH/Vercel account). Full troubleshooting and solutions.

VercelVercel Hobbyvercel --prodVercel Unexpected errorVercel Deployment Blocked+ 10
Read

GitHub Pages Deployment of Next.js Static Sites: JS/CSS 404 Errors 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.

Next.js static deploymentGitHub Pagesnext exportJS CSS 404.nojekyll+ 5
Read

Tailwind CSS Typography easy beautiful design

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—a 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.

tailwindcsstailwindcss typographytailwindcss prosetailwindcss pluginrich text styling+ 3
Read

Vercel Deployment Error: 'Deployment request did not have a git author with access to the project on Vercel'

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.

Vercel deployment failedGithub CI/CD errorgit author with accessVercel Hobby plan limitationsVercel multiple account conflict+ 4
Read

Can't Access Docker Hub? Build Your Private Image Repository with Alibaba Cloud ACR

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.

Docker image pull faileddocker pull unresponsivedocker save load tutorialDocker private image repositoryAlibaba Cloud Container Registry+ 5
Read

Cheatsheets

  • 14categories
  • 16topics
  • 12items

Install Office (Word/Excel/PowerPoint) on macOS

  • Download the official PKG and activate with Microsoft-Office-For-MacOS;
  • Install official Office first, then run the Serializer to activate;
Operating Systems & FundamentalsmacOS

What Are Agent Skills

  • Introduced by Anthropic on October 16, 2025 in Equipping agents for the real world with Agent Skills, and later published as an open standard.
  • An Agent Skill is a discoverable, on-demand, reusable package of procedural knowledge for AI agents.
  • The core problem it solves: modularize specialized knowledge and load it on demand.
AI AgentsAgent Skills

Layer 5: How Is a Model Loaded and Run?

  • Load the model: read files, create structure, allocate memory, place weights;
  • Run inference: process input, run model computation, generate Tokens one by one.
AI FundamentalsModel

Common curl Commands

  • Send common HTTP requests
  • Call JSON APIs
  • Download files and debug connections
Command Line & Utilitiescurl

Common yt-dlp Commands

  • List available formats
  • Download the best quality
  • Extract audio and set output names
Command Line & Utilitiesyt-dlp

Prisma Fundamentals

  • Prisma ORM
  • Foundational terminology
  • Core concepts
DatabasesPrisma

Using MDX with Next.js

  • Understand Markdown and MDX
  • Install MDX dependencies
  • Configure MDX in Next.js
Frameworks & LibrariesNext.js

Tailscale Installer Closes Immediately on Windows Server 2016

  • Cause: Admin Approval Mode for the built-in Administrator account is disabled.
  • Solution: Enable the policy, then refresh Group Policy or restart the server.
NetworkTailscale

Toolbox

View All

Generate random UUID v4 identifiers with the Web Crypto API, one at a time or in batches.

UUIDGUIDGeneratorCrypto
Use

View SRT subtitles, compare two versions, and prepare text for translation.

SRTsubtitleviewtranslationcomparison
Use

Exploration Lab

View All