Notes from shipping web and mobile apps with React, Next.js and React Native: SEO, hydration bugs, CSS rendering and Search Console. Originals at mohamedgado.com/writing.
My /projects page in Next.js 16 shipped 854 KB of HTML for a list of 49 projects. Almost all of that weight was the same few strings repeated, and in the App Router every repeat ships twice: once as H
xControl is a phBot plugin that turns chat into a remote control. You run it on every bot in a party, add one or more leader names to its list, and from then on any message a leader sends that matches
Search Console's Page indexing report put 14 URLs from this site under "Crawled – currently not indexed". Only 4 of them were pages. The other 10 were files: six per-page opengraph-image routes, feed.
xNotify is one of the phBot plugins I wrote for Silkroad Online. It watches the game and sends a message to Telegram, Discord or both when something worth knowing happens: the character died, it ran o
I added Strict-Transport-Security: max-age=63072000; includeSubDomains; preload to headers() in next.config.js on this site, and www served it. The apex, mohamedgado.com, still answered with Vercel's
In 2023 I built a Next.js 13 dashboard behind Clerk, and every route's protection lived in one file: authMiddleware in middleware.ts, deny by default. That code no longer runs on current versions. aut
A phBot plugin is a single Python file dropped into phBot's Plugins/ folder. phBot imports it at startup. Your plugin talks to the bot through two modules, phBot and QtBind, and phBot calls functions
Lemon Squeezy reports a subscription as one of seven statuses: on_trial, active, past_due, unpaid, paused, cancelled and expired. Three of them should keep a paying customer's access (on_trial, active
Minified React error #418 on every page load came from reading window.matchMedia in a useState initializer. useSyncExternalStore fixed it.