Generating Localised Open Graph Images per Language at Build Time

·5 views

Shared multilingual pages often display English preview images on platforms like LinkedIn, WhatsApp and Slack, which can look careless and reduce click-through. The article proposes creating localised Open Graph images at build time using a single SVG template with placeholders for translated titles and taglines, rendered to 1200×630 PNGs per locale. It notes that scripts such as Chinese, Japanese, Korean, Arabic and Thai require explicit Noto fonts on the build machine to avoid empty boxes, and that right-to-left languages may need mirrored layouts. Long German titles and unspaced CJK text call for adjusted font sizes and line breaks, and each locale page should reference its own image alongside consistent hreflang and canonical tags. Because social platforms cache previews aggressively, the author suggests adding content hashes to filenames when titles change and refreshing previews with each platform's debugging tool.

Read the full story at DEV Community

This is an AI-generated summary. ShortSingh links to the original source for the complete article.

Discussion (0)

Free vs Paid Next.js SaaS Boilerplates in 2026: What Free Kits Include

Jake Mcdonald, founder of the paid starter ShipEmber, compares free open-source Next.js SaaS boilerplates with commercial kits as of November 2, 2026. He notes that free MIT-licensed starters are often a good first step but typically omit production-ready OAuth, trustworthy webhook handling, rebrand-ready marketing pages, and support. The piece reviews nextjs/saas-starter, create-t3-app, and ixartz/SaaS-Boilerplate, detailing what each includes, such as Stripe checkout or Clerk auth. It concludes that developers still pay in time to fill those gaps, which may or may not be worthwhile depending on their needs.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

High Interest Rates and Record Global Debt Pose Risks to the AI Boom

Analyst Ruchir Sharma of Rockefeller International argues that the artificial intelligence boom is subject to the same financial pressures that have driven past stock market bubbles. Historically high global debt levels are forcing governments and technology firms to compete for limited capital, tightening market liquidity. Tech giants are increasingly borrowing to fund costly infrastructure such as data centers, with AI-related debt issuance projected to exceed $600 billion, roughly tenfold the 2024 level. Sharma notes that rising borrowing costs and higher investor return demands could hit weaker companies hardest, as past crises typically began in vulnerable sectors before spreading. Meanwhile, the AI sector's gains are not lifting the wider economy, which could limit growth if customers lack the financial strength to use AI services.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Exporting Daily Google Ads Cost by Country to CSV Using Python

A short guide explains how to automatically pull a daily Google Ads report of cost, clicks and conversions broken down by country, instead of exporting it manually. It uses the official Google Ads Python client library, with credentials stored in a config file outside the code repository, and a single query against the geographic view. The script converts cost from micros to currency units and writes the results to a dated CSV file. The article notes that country IDs must be mapped to names and that multi-currency or mixed time zone accounts need extra handling. It also recommends scheduling the script daily and adding alerts for suspicious cost values.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Showing Local Currency Prices Beside Crypto Amounts Using Cached Exchange Rates

Crypto checkouts that display only a coin amount, such as 0.00091 BTC, can make customers hesitate, while adding a local-currency equivalent may reduce drop-off. Because exchange rates shift constantly and rate APIs impose limits, the article offers a small Node.js pattern that caches rates to keep the displayed figures current. The author stresses that the amount a payment gateway locks at invoice creation is what must be paid, with the fiat figure serving only as an informational guide. Recommended practice includes prefixing the fiat value with an approximation sign, noting how long the amount stays locked, and hiding the label when the cached rate is several minutes old. The piece also advises explaining network fees paid by senders and merchant fees paid by merchants to reduce support requests.

0 comments Read more at DEV Community