CodingNic

Build the Real Home Experience

Connect the My Library Preview

Build the Real Home Experience 15 min read

Connect the My Library Preview

Connect the My Library Preview

Task

Replace the Home Library preview with real Books while keeping the curated Home composition.

Limit the preview to the number of cards the design calls for, such as six, and provide a View all action to /library.

Do not turn Home into the full Library page.

Reuse the same Book card component used by My Library where appropriate, but keep the Home query intentionally small.

Test

Add more than six books to an account.

Confirm Home remains a curated preview and My Library shows the complete collection.

For a new account, confirm the Home empty state provides a useful path to upload or add a book.

Checkpoint

Home shows a real, intentionally limited Library preview with a clear path to the full collection.