Build a Server Rendered Website with Next.js

ofrecido por
Coursera Project Network
En este proyecto guiado, tú:

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.

Clock2 hours
IntermediateIntermedio
CloudNo se necesita descarga
VideoVideo de pantalla dividida
Comment DotsInglés (English)
LaptopSolo escritorio

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.

Habilidades que desarrollarás

  • Next.js
  • Next.js Links
  • Next.js Page Rendering
  • Next.js Styles
  • Next.js Pages

Aprende paso a paso

En un video que se reproduce en una pantalla dividida con tu área de trabajo, tu instructor te guiará en cada paso:

  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.

Cómo funcionan los proyectos guiados

Tu espacio de trabajo es un escritorio virtual directamente en tu navegador, no requiere descarga.

En un video de pantalla dividida, tu instructor te guía paso a paso

Preguntas Frecuentes

Preguntas Frecuentes

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.