Messages de originmaster

Up.

Le 24 novembre 2022 à 21:14:50 :

Le 23 novembre 2022 à 12:42:11 :
Ton topic a été supprimé mais pour te répondre, tu ne peux pas utiliser React sur un site vitrine parce que c'est vraiment mauvais d'un point de vue SEO (les crawlers de Google et autres ne rendent pas vraiment le JavaScript, or une application React c'est une appli entièrement chargée via JavaScript).

Du coup React (et Angular, Vue...) c'est bien pour faire des "applications" web (un dashboard d'administration qui se connecte à des APIs par exemple), mais pas pour un site vitrine.

Pour faire un site vitrine (hors WordPress), je te conseille plutôt de regarder tout ce qui tourne autour de la "Jamstack", sachant qu'il y a des frameworks Jamstack avec lesquels tu peux utiliser React, par exemple Next.js, Astro, ou Gatsby.

Les crawlers Google exécutent maintenant le code JS mais ce sera plus difficilement référencé. Mais sinon globalement d'accord avec ton post

Il me semble tout de même que ce n'est pas parfait, par exemple c'est crawlé moins fréquemment parce que ça leur coûte plus cher.

Je ne crache pas sur React, loin de là. React à lui seul n'est juste pas adapté pour cette utilisation.
J'ai d'ailleurs proposé l'utilisation d'outils (Next.js, Gatsby, Astro...) avec lesquels vous pouvez justement utiliser React.

Le 24 novembre 2022 à 16:58:24 :
il vaut mieux utilisé blazor webassembly en PWA hébergé sur un serveur ASP.nethttps://image.noelshack.com/fichiers/2016/51/1482448857-celestinrisitas.png

Contrairement à ce que tu laisses entendre, ce topic n'est pas un débat puéril de telle versus telle techno équivalente.

Up, je pense que ça peut servir à beaucoup de juniors. :ok:
Up qui peut servir à tous les kheys développeurs juniors.
Up qui peut servir à tous les kheys développeurs juniors.
Up qui peut servir à tous les kheys développeurs juniors.

Le 23 novembre 2022 à 13:49:00 :

Le 23 novembre 2022 à 12:58:22 :

Le 23 novembre 2022 à 12:56:13 :
Et le faire en traditionnel HTML/ css / JS ?

Ce n'est pas une mauvaise chose mais ça ne scale pas vraiment.
Si tu as une seule page c'est bien, mais à partir du moment où tu vas avoir plusieurs pages comment tu gères ton layout (header, footer...) ? Sans framework tu vas être obligé de copier coller ces éléments communs dans chaque fichier HTML, donc ce n'est pas idéal.

Faut utiliser quoi alors ?

Comme je l'ai dit regarde les frameworks qui tournent autour du mot "Jamstack" et prend celui que tu trouves le plus adapté à ton cas.
Je ne sais pas si je choisirais Next.js (React) ou Nuxt.js (Vue) pour un site qui restera un site vitrine et n'évoluera jamais en "application".
Ma préférence irais probablement vers 11ty, Hugo, Astro...

Ok c'est pas forcément ce que j'avais compris de ton autre topic. :hap:
Gatsby est en déclin par ailleurs, je ne sais pas si je continuerais à miser dessus.

Le 23 novembre 2022 à 12:59:10 :
je suis le fils de PinteDeFoutre
je lui transmettrai ces informations, merci !

J'ai préféré en faire un topic car j'estime que cette information peut être utile à beaucoup de développeurs juniors / étudiants, qui se lanceraient dans la création de sites vitrines pour arrondir les fins de mois.

Le 23 novembre 2022 à 12:56:13 :
Et le faire en traditionnel HTML/ css / JS ?

Ce n'est pas une mauvaise chose mais ça ne scale pas vraiment.
Si tu as une seule page c'est bien, mais à partir du moment où tu vas avoir plusieurs pages comment tu gères ton layout (header, footer...) ? Sans framework tu vas être obligé de copier coller ces éléments communs dans chaque fichier HTML, donc ce n'est pas idéal.

Le 23 novembre 2022 à 12:53:10 :
Pour un site vitrine sur wordpress t’as des tips à donner ? Ou des themes à recommander ?

Je suis absolument 0 en site web

Non désolé, je n'ai aucune expertise WordPress. Et en tant que développeur ce n'est pas une solution qui m'intéresse.

Le 23 novembre 2022 à 12:49:21 :
ou sinon prendre en compte le SSR des le debut ..

Comme indiqué c'est selon moi une mauvaise idée :
- il n'y a aucun intérêt par rapport à un site généré (jamstack)
- l'affichage est plus lent puisqu'il faut générer la page à chaque affichage
- ça coûte plus cher en hébergement puisque tu as besoin d'un serveur
- ton site a plus de chances d'être down puisqu'il a besoin d'un serveur pour générer la page

Le 23 novembre 2022 à 12:45:40 :
Il existe des frameworks JS pour faire du Server Side Rendering (SSR)

VueSSR, NextJS, NuxtJS, et sûrement d'autres. Ca permet de générer les pages web côté serveur :)

Je n'ai pas parlé de cette option parce qu'il n'y a selon moi aucune raison de faire du SSR pour un site vitrine.
Même si on a un système de CMS pour avoir des articles "actualités" par exemple, ça change tellement peu fréquemment qu'il sera plus intéressant de regénérer et redéployer le site.

Le 23 novembre 2022 à 12:43:28 :
Mais si Y'a peu de code en JS dedans c'est pareil ?

C'est quoi le mieux ?

Un "site" React est entièrement chargé en JavaScript. Si tu regardes la "source" de la page, tu ne verras qu'une seule div (que React enrichi ensuite en JavaScript avec les éléments de ta page).

Ton topic a été supprimé mais pour te répondre, tu ne peux pas utiliser React sur un site vitrine parce que c'est vraiment mauvais d'un point de vue SEO (les crawlers de Google et autres ne rendent pas vraiment le JavaScript, or une application React c'est une appli entièrement chargée via JavaScript).

Du coup React (et Angular, Vue...) c'est bien pour faire des "applications" web (un dashboard d'administration qui se connecte à des APIs par exemple), mais pas pour un site vitrine.

Pour faire un site vitrine (hors WordPress), je te conseille plutôt de regarder tout ce qui tourne autour de la "Jamstack", sachant qu'il y a des frameworks Jamstack avec lesquels tu peux utiliser React, par exemple Next.js, Astro, ou Gatsby.

L'op a disparu ?
Quel genre de projet ?
Mon petit doigt me dit que ce sont des sites vitrines, sauf que tu parles de React donc ça m'inquiète un peu pour tes clients. :rire: C'était du React pur genre Create React App ou t'as fait ça avec un framework style Next.js ?

Le 09 mai 2022 à 13:44:15 :
Tu peux utiliser le free tier de Netlify, c'est potentiellement assez pour toi (et si besoin, tu peux payer plus).

Je pense que ça ne marche pas aussi facilement, pour faire ça il faut utiliser WordPress en headless et développer ton propre front-end.