Build a Server Rendered Website with Next.js

Offert par
Dans ce Projet Guidé, vous :

Create an Index.js Page with CSS and set up Rendering.

Convert the Existing Web Pages into Next Component Pages to Render.

Add Next Links and CSS to each Component in the Next Application and Test.

2 hours
Intermédiaire
Aucun téléchargement requis
Vidéo en écran partagé
Anglais
Ordinateur de bureau uniquement

By the end of this project, you will use Build a Server Rendered Website with Next.js from an existing website. Traditionally, a web application requires a trip to the server to fetch a web page when a user clicks on a link. A Client side React Single Page Application sends the complete web application to a browser where the individual components are rendered into navigable web pages using the Next Router DOM package. Next.js renders the entire pages into HTML on the server side, which is better for Search Engine Discovery as well as browser performance. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Les compétences que vous développerez

  • Next.js

  • Next.js Links

  • Next.js Page Rendering

  • Next.js Styles

  • Next.js Pages

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

  1. Set up the Next Project and Analyze Legacy Application.

  2. Create an Index.js Page with CSS and set up Rendering.

  3. Import Navigation components to a Next Application.

  4. Convert the Existing Web Pages into Next Components to Render.

  5. Add Next Links and CSS to each Component in the Next Application and Test.

Comment fonctionnent les Projets Guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

En achetant un Projet Guidé, vous obtenez tout ce dont vous avez besoin pour terminer ce Projet Guidé, y compris l'accès à un espace de travail de bureau cloud, via votre navigateur web, qui contient les fichiers et les logiciels dont vous avez besoin pour commencer, ainsi que les instructions vidéo étape par étape d'un expert en la matière.

Comme votre espace de travail contient un bureau cloud dimensionné pour un ordinateur portable ou de bureau, les Projets Guidés ne sont pas disponibles sur votre appareil mobile.

Les enseignants des Projets Guidés sont des experts en la matière qui ont de l'expérience dans les compétences, les outils ou le domaine de leur projet et qui sont passionnés par le partage de leurs connaissances avec des millions d'étudiants dans le monde.

À partir du Projet Guidé, vous pouvez télécharger et conserver tout fichier que vous avez créé. Pour ce faire, vous pouvez utiliser la fonction « Navigateur de fichiers » pendant que vous accédez à votre bureau cloud.

Aucun remboursement n'est disponible pour les Projets Guidés. Consulter notre politique de remboursement complète.

Aucune aide financière n'est disponible pour les Projets Guidés.

L'audit n'est pas disponible pour les Projets Guidés.

En haut de la page, vous pouvez appuyer sur le niveau d'expérience de ce Projet Guidé pour afficher les connaissances requises. Pour chaque niveau de Projet Guidé, votre enseignant vous guidera étape par étape.

Oui, tout ce dont vous avez besoin pour terminer votre Projet Guidé sera présent sur un bureau cloud disponible dans votre navigateur.

Vous apprenez en effectuant des tâches dans un environnement à écran partagé, directement dans votre navigateur. Sur le côté gauche de l'écran, vous terminez la tâche dans votre espace de travail. Sur le côté droit de l'écran, vous voyez un(e) enseignant(e) qui vous guide tout au long du projet, étape par étape.