Set Up the Readly Starter

Before building anything, make sure the exact starter project that will be used throughout the course runs cleanly on your machine.

Task

Install the starter dependencies and launch Readly locally.

From the root of the starter project, run:

bash

npm install
npm run dev

Open the local development URL shown by Next.js.

Use the navigation to visit:

Do not worry if some actions are still mock interactions. The starter is intentionally a visual and structural starting point.

Confirm that:

the development server starts without requiring PostgreSQL or another external service
the Home page loads
My Library loads its mock books
the Reader screen loads its prepared reader UI
Highlights and Notes load
Settings loads
Login and Register load
navigation between the major screens works

You are done when the prepared Readly application runs locally and you can move through its main screens.

If the starter does not run cleanly, stop here and fix the setup before changing application code.