A cafe you can find

The problem

The site is a React single-page app, which means the content only exists after JavaScript runs. Most AI answer engines and a good share of crawlers never run it, so to them the page was effectively blank. On top of that, the business is genuinely bilingual, and the delivery platforms it depends on each wanted a link.

What I built

• ›A crawlable fallback written directly into index.html, carrying the address, phone numbers, opening hours and menu summary in both Greek and English. React replaces it on mount, so visitors never see it and crawlers always do.
• ›The fallback is deliberately limited to facts that do not change. Prices live in one place in the app and are not duplicated into the HTML, because a stale price is worse than no price.
• ›CafeOrCoffeeShop schema with real opening hours, geo coordinates and a postal address, so a search engine knows what the business is rather than guessing from the words on the page.
• ›It is styled to the brand's black and cream palette rather than left unstyled, since it is on screen for the moment before React mounts and a white flash would read as a broken page.
• ›Ordering links to e-food, Wolt and Box sit in the crawlable layer too, so the routes that actually take orders are never behind JavaScript.

Where it stands

Built with

• React
• Vite
• JavaScript
• Tailwind
• Schema.org
• Bilingual