Se non devi fare operazioni complesse, ma solo restituire le informazioni contenute nel database, è qualcosa che puoi improvvisare.
Qua mi appoggio a PigroSQL, ma qualcosa del genere legge dal database e restituisce JSON, che puoi elaborare via JavaScript
Codice PHP:
<?php
require 'PigroSql.php';
$database = Pigro\Database::mysqlAltervista('notesync');
$tutti_i_cocktail = $database->tabella('cocktails')->tutti();
header('Content-Type: application/json');
echo json_encode($tutti_i_cocktail);
Alternativamente, puoi generare l'HTML lato server
Codice PHP:
<?php
require 'PigroSql.php';
$database = Pigro\Database::mysqlAltervista('notesync');
$tutti_i_cocktail = $database->tabella('cocktails')->tutti();
?>
<ul>
<?php foreach ($tutti_i_cocktail as $c): ?>
<li>
<span class="nome"><?= $c['nome'] ?></span>
<span class="prezzo"><?= $c['prezzo'] ?>€</span>
</li>
<?php endforeach ?>
</ul>
Nota che per un sito come quello che stai costruendo, ad occhio, la soluzione più performante e solida sarebbe generare intere pagine lato server, senza una riga di JavaScript. Se poi vuoi imparare ad usare Vue e Node, nessun problema, ma tieni presente che è una tecnologia sub-ottimale in questo caso.