Aide choix technos [Fastify, Adonis...]

Hello :)

Alors franchement NodeJS c'est juste une runtime, ce n'est pas un langage de programmation, tu fais un fichier server.js, tu initialises un serveur dessus et tu le lances depuis un package.json, et c'est bon, tu as appris les bases necessaires de NodeJS :p

Ensuite tu peux supprimer le fichier serveur.js parce que les frameworks js gèrent déjà Node de leur coté, tu n'as pas à t'en occuper ^^

Pour le choix du framework JS, alors le plus utilisé et le plus populaire c'est NextJS (framework JS basé sur la librairie React)

Adonis c'est surtout une version JS de Laravel, si tu sors de PHP et que tu es habitué au MVC c'est plus facile

Fastify je connais de nom mais jamais testé ^^'

Pour l'interaction front-back, alors avec un framework JS tout se passe en front, les controlers, les models, etc... ca se passe en front, maintenant si tu dois traiter des données sensibles il faut utiliser des api routes pour faire le travail de communication entre le front et le back. Bref l'interraction en JS entre le front et le back c'est sous forme d'appel API, comme si le front et le back étaient séparés (NextJS a fait un système "use server" c'est a peu pres la même chose mais sans que tu ai a faire explicitement un call API)

Mais pour les questions de fond, quand tu passes par un serveur tu n'a pas vraiment besoin de te questionner dessus, c'est le role du framework de gérer tout ce qui est écosystème et toi tu te concentres juste sur le développement de l'appli :p

Avec plaisir :)

Pour l'API, que ce soit en PHP ou en JS, c'est la même chose, tant que tu sais comment faire un appel et surtout que tu comprends que c'est un simple échange de données, c'est bon

Par exemple:

$client = new GuzzleHttp\Client();
$res = $client->request('GET', 'https://api.github.com/user', [
    'auth' => ['user', 'pass']
]);

const response = await fetch('https://api.github.com/user', {
    method: "get",
    body: JSON.stringify({ auth: ['auth', 'pass'] })
})

Et voila, un call API c'est le même principe pour l'un ou l'autre, tu appelles une url, et tu récupères la réponse donnée

1- Pour le serveur, oui tu peux, tu pointes juste ton call api vers l'endroit où tu cherches ta réponse, dans le cas présent c'est la même url de ton site, tu peux même donner le path sans url dans ce cas:

// Pour appeler https://ton-site.com/api/user
const response = await fetch('/api/user', {
    method: "get",
    body: JSON.stringify({ auth: ['auth', 'pass'] })
})

2- Alors c'est bien le serveur qui configure le moteur de template et le routing comme en PHP, c'est juste le chargement des données et du contenu de page qui sera fait coté front, et le soucis c'est si tu exploites des donées sensibles, qui peuvent apparaitre dans le navigateur, tu peux faire une requette a NodeJS pour gérer le controller et les données, mais il faut le demander explicitement, par contre si tu utilises un framework comme AstroJS ou NextJS, tu n'as pas besoin de le faire, c'est déjà configuré par défaut pour fonctionner coté serveur (et la c'est l'inverse, tu dois le demander explicitement si tu veux que ça se fasse coté front en ajoutant en haut du fichier "use client")