All build stories

04 / Product discovery / 2026

BedReads SEO Reader

Building the bridge between a search result, a free preview, and the mobile app.

A React reading experience supported by build-time SEO, shareable story pages, structured metadata, static AWS delivery, and a clear web-to-app journey.

RoleFrontend contributor
StatusCompany product case study
Period2026
StackReact · TypeScript · Vite · Prerendering · S3 · CloudFront · Analytics

01 / Product problem

A good reader experience is invisible if search and social crawlers receive an empty shell.

The website needed to make stories discoverable, let visitors read a free preview, and provide a clear path into the native application.

Each story, genre, and tag also needed a stable URL with meaningful HTML, canonical metadata, Open Graph data, structured JSON-LD, and sitemap coverage.

02 / Contribution

My strongest contribution was the React product experience.

I worked on landing and discovery interfaces, responsive story and chapter reading flows, loading and error states, navigation, reading progress, paywall behavior, and the mobile-app handoff.

I also contributed to AI-assisted build scripts for prerendering and deployment. I describe that exposure honestly rather than presenting myself as a senior SEO or AWS specialist.

03 / Delivery approach

The build artifact carried both the interactive product and its discovery surface.

A production build fetched the catalog and generated route-specific HTML, canonical and social metadata, JSON-LD, robots instructions, and a sitemap. Static output was delivered through S3 and CloudFront with clean URL rewriting.

The important lesson was that SEO is a delivery concern, not just a collection of meta tags added inside a React component.

04 / Evidence boundary

Public product evidence supports the story without exposing the private environment.

I no longer have access to company analytics, so I do not claim ranking, traffic, install, or conversion improvements. I also do not publish the repository, AWS identifiers, credentials, unpublished content, or internal API data.

The screenshots in this case study are approved public product views. They show the live acquisition and reading journey without exposing administration tools, credentials, private infrastructure, or internal API data.

System view

A simplified architecture from the interface to the services behind it.

This intentionally describes boundaries without exposing credentials, internal hostnames, or company identifiers.

01Story API
02React reader
03Build-time prerender
04S3
05CloudFront

Evidence snapshot

What this story can honestly support.

Primary focusReact product UX
DiscoveryPrerender + sitemap
DeliveryS3 + CloudFront
BoundaryNo company source

Web-to-app journey

After search discovery, each screen moves the reader toward the next decision.

Browse the catalog, evaluate a story, read a free chapter, then continue in the app. Open any screenshot to inspect the public product at full size.

BedReads discovery homepage with a featured story, ranking cards, filters, and app call to actionOpen full image

Public product view

2 / Browse: turn discovery into story exploration

The public homepage combines search, editorial promotion, rankings, story cards, filters, and a visible path into the BedReads app.

BedReads story detail page with cover, synopsis, tags, story details, chapters, and app promptOpen full image

Public product view

3 / Decide: understand a story before opening it

A shareable story route presents the cover, synopsis, tags, status, chapter list, reading action, and app continuation in one decision page.

BedReads chapter reader with progress, chapter navigation, reading text, and app call to actionOpen full image

Public product view

4 / Read: continue in a focused free chapter preview

The chapter route keeps reading progress, chapter navigation, legible typography, and the app handoff visible without interrupting the preview.

BedReads app landing page showing mobile devices, app store actions, features, genres, and story previewsOpen full image

Public product view

5 / Continue: move from the web experience into the app

The marketing landing page explains the larger app experience, store availability, genres, audio listening, and the option to keep reading online.

Public portfolio rule

Prove the work without exposing the environment.

These screens are approved public product views. Analytics, private APIs, infrastructure details, administration tools, and credentials remain outside the portfolio.

Next build story

Taskie