Web scraping, from your first request to production.

import httpx
from selectolax.parser import HTMLParser

r = httpx.get("https://books.toscrape.com/", timeout=20)
r.raise_for_status()
for book in HTMLParser(r.text).css("article.product_pod"):
    title = book.css_first("h3 a").attributes["title"]
    price = book.css_first(".price_color").text()
    print(title, price)

import * as cheerio from "cheerio";

const res = await fetch("https://books.toscrape.com/");
const $ = cheerio.load(await res.text());
$("article.product_pod").each((_, el) => {
  const title = $(el).find("h3 a").attr("title");
  const price = $(el).find(".price_color").text();
  console.log(title, price);
});

<?php
require 'vendor/autoload.php';
use Symfony\Component\DomCrawler\Crawler;

$html = (new GuzzleHttp\Client())->get('https://books.toscrape.com/')->getBody();
(new Crawler((string) $html))->filter('article.product_pod')->each(function ($n) {
    echo $n->filter('h3 a')->attr('title'), ' ', $n->filter('.price_color')->text(), PHP_EOL;
});

use scraper::{Html, Selector};

fn main() -> Result<(), Box<dyn std::error::Error>> {
    let body = reqwest::blocking::get("https://books.toscrape.com/")?.text()?;
    let doc = Html::parse_document(&body);
    let card = Selector::parse("article.product_pod").unwrap();
    let title = Selector::parse("h3 a").unwrap();
    let price = Selector::parse(".price_color").unwrap();
    for el in doc.select(&card) {
        let t = el.select(&title).next().and_then(|a| a.value().attr("title")).unwrap_or("");
        let p = el.select(&price).next().map(|p| p.text().collect::<String>()).unwrap_or_default();
        println!("{t} {p}");
    }
    Ok(())
}