1. #1
    Community Manager

    Femme Profil pro
    Étudiant
    Inscrit en
    juin 2015
    Messages
    2 347
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : Bénin

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2015
    Messages : 2 347
    Points : 6 534
    Points
    6 534

    Par défaut Tutoriel pour apprendre à faire du SSR ou du rendu côté serveur

    Chers membres du club,

    J'ai le plaisir de vous présenter ce tutoriel de Bruno Lesieur, qui se charge de vous apprendre à faire du SSR ou du rendu côté serveur.

    Nous allons voir dans ce tutoriel comment faire du rendu côté serveur ou SSR (Server-Side Render) avec le framework JavaScript client MVVM (Modèle-Vue-Vue Modèle) Vue couplé au framework JavaScript serveur MVC(2) (Model View Controller) NodeAtlas !
    Alors ce titre parle peut-être aux habitués des architectures clientes MVVM qui ont des difficultés avec le référencement et semble peut-être barbare pour d'autres. Lançons-nous dans une petite explication histoire de rendre cet article intéressant également pour les néophytes : comprenons le problème et trouvons la solution à travers cette page.
    Bonne lecture.

    Retrouvez les meilleurs cours et tutoriels pour apprendre le JavaScript.
    Retrouvez tous les tutoriels de Bruno Lesieur
    Vous avez envie de contribuer au sein du Club Developpez.com ? Contactez-nous maintenant !
    Vous êtes passionné, vous souhaitez partager vos connaissances en informatique, vous souhaitez faire partie de la rédaction.
    Il suffit de vous porter volontaire et de nous faire part de vos envies de contributions :
    Rédaction d'articles/cours/tutoriels, Traduction, Contribution dans la FAQ, Rédaction de news, interviews et témoignages, Organisation de défis, de débats et de sondages, Relecture technique, Modération, Correction orthographique, etc.
    Vous avez d'autres propositions de contributions à nous faire ? Vous souhaitez en savoir davantage ? N'hésitez pas à nous approcher.

  2. #2
    Candidat au Club
    Homme Profil pro
    Développeur JavaScript Front-end / Node.js
    Inscrit en
    octobre 2017
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 30
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur JavaScript Front-end / Node.js
    Secteur : Communication - Médias

    Informations forums :
    Inscription : octobre 2017
    Messages : 1
    Points : 3
    Points
    3

    Par défaut Bonus 2 - Pour aller plus loin

    Quelques nouveautés ont fait leurs apparition côté Vue depuis la première publication de cet article, aussi je trouve que cela peut faire partie de quelques travaux supplémentaires que vous pouvez essayer d'appliquer vous-même !

    vue-ssr-outlet

    Nous gérons nous même le remplacement dans le DOM de
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <section class="todo-list"></section>
    avec la ligne
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    locals.dom = locals.dom.replace("<section class="todo-list"></section>", html.replace('server-rendered="true"', ""));
    . Cependant Vue Server Renderer est capable de s'en charger lui même avec le commentaire HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <!-- vue-ssr-outlet -->
    . Plus d'information sur la documentation officielle de Vue Server Renderer. À vous de jouer !

    Bonnes pratiques Vue

    Un guide de bonne pratique est sortie listant toutes les bonnes pratiques dont il faut tenir compte pour conserver un code maintenable et propre. Vous trouverrez ce guide ici. Pourquoi ne pas appliquer toutes ces bonnes pratiques sur ce tutoriel !

Discussions similaires

  1. Réponses: 0
    Dernier message: 20/11/2017, 12h00
  2. Réponses: 2
    Dernier message: 21/03/2017, 12h43
  3. Réponses: 1
    Dernier message: 16/03/2017, 14h42
  4. Réponses: 0
    Dernier message: 11/03/2017, 22h07

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo