Pub Quiz Site Ships All Team Names in HTML for SEO and User Experience

·2 views

A developer built four free pub quiz tools, including a team name picker. The team name tool ships all 109 possible names directly in the HTML instead of loading them after a button click. This approach was chosen because search queries show users want a scrollable list, not a generator, and it provides content for search engine crawlers. The data is stored in a shared module so both server and client components can access it. This ensures the page remains fully functional even without JavaScript.

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)

Developer consolidates 69 web pages into single TypeScript array to prevent errors

A development team faced inconsistencies across multiple independent route lists on their website, leading to silent bugs. The problem escalated when a content plan added sixty more pages, each requiring updates across eight separate manual lists. To solve this, they created a single TypeScript array containing 69 structured content nodes, with each node defining all necessary page metadata. All site features like sitemaps, navigation, and SEO tags are now programmatically derived from this single source of truth. This approach ensures consistency and reduces errors when adding or modifying pages.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Stripe tax feature misconfiguration can cause checkout outages for EU customers

Notifio, a software company, uses Stripe to manage VAT for EU customers, while handling tax itself in other regions like the UK. A misconfiguration in Stripe's 'merchant of record' settings, such as an unaccepted tax code, causes the payment system to reject all checkout requests from the EU. This presents as a total checkout failure for one continent while operations elsewhere appear normal. The company's code includes a single retry mechanism to strip out the problematic tax fields if an initial request fails specifically due to this configuration issue. Most of the related code is dedicated to preventing this retry from occurring under any other error condition.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Website shows different prices to Googlebot and users due to localization method

A developer found their pricing page returns different prices to regular users and Googlebot. The site uses geolocation to show approximate local currency figures, while subscriptions are billed in British pounds. To avoid a price flicker as JavaScript loads, the site reads the user's country from request headers during server-side rendering, which prevents caching. This approach also avoids using cookies, allowing the site to maintain a no-consent-banner cookie policy.

0 comments Read more at DEV Community

ProgrammingDEV Community ·

Notifio's auto-reply uses contextual rules, not a score, to identify valid listings.

Notifio is a service that automatically replies to new rental listings on behalf of users. Its system must first verify a webpage is a genuine listing before sending a reply containing personal contact details. The verification process generates a score based on price, address, and contact signals but deliberately does not use that score for the final decision. Instead, it uses a specific rule requiring a price and at least one other signal to avoid false positives. This design separates the diagnostic score from the decision logic to improve accuracy and debugging.

0 comments Read more at DEV Community