Server Side Rendering with Next.js: Update a News Website

Overview

Do you know that according to surveys, Next.Js is among the top five most popular web development platforms for companies of all sizes? In this 1.5 hour project-based course, you will learn how to implement dynamic content generation and server side rendering with Next.js. We will do this by updating a news website. We will first build the functionalities to generate content automatically with static site generation and then implement server side rendering to completely automate the process of publishing new content. Built on React and Node.js, Next.js offers improved loading performance, built-in development server, and support for React components, allowing projects of all sizes to be developed and deployed quickly. This course is aimed at learners who already have the following skills: HTML, JavaScript: async functions, arrays, import, JavaScript expressions, React/Next.js: components, embedding JavaScript expressions.

Syllabus

Project Overview

Do you know that according to surveys, Next.Js is among the top five most popular web development platforms for companies of all sizes? In this 1.5 hour project-based course, you will learn how to implement dynamic content generation and server side rendering with Next.js. We will do this by updating a news website. We will first build the functionalities to generate content automatically with static site generation and then implement server side rendering to completely automate the process of publishing new content. Built on React and Node.js, Next.js offers improved loading performance, built-in development server, and support for React components, allowing projects of all sizes to be developed and deployed quickly. This course is aimed at learners who already have the following skills: HTML, JavaScript: async functions, arrays, import, JavaScript expressions, React/Next.js: components, embedding JavaScript expressions.