Explore

Modern Server Side Rendering with React and Next.JS

7.5 hours on-demand video

$ 13.99

Save Course

Go to Course

Brief Introduction

Build a server side rendered app from scratch by using Next JS

Description

Note: This course assumes you have a basic understanding of React, Javascript and CSS. If you don't, I would consider spending sometime learning React first. This course uses basic React concepts most of the time, such as component creation, props, state and useEffect hooks.

Stop digging tutorials on internet! This course will teach you everything you need to know in order to build a basic web application from scratch using React and NextJS.

This is a "learn-by-doing" course: we will basically simulate a daily routine of a tech company where we are presented with the requirements and we, engineers, are going to come up with the best strategy to solve such problems. You and me are going to iterate over an agile process where we are going to release a product to production and we are going to evolve it with new requirements that are eventually rise up. Remember: we live in an agile world, bro!

Here's what we'll learn:

Comprehend what is a Server Side rendered (SSR) app;
Understand the motivation behind the scenes of why care about Server Side Render (SSR)
Learn the architectural considerations of a server side rendered app;
Learn what is NextJS;
Get started on how to scaffold a project and understand its parts;
Get introduced to the most used components offered by NextJS
Learn how to fetch data on the server side;
You will learn how to navigate on client side;
We will explore how to style our components with styled-jsx, but we are also going to see how we can use Sass as an alternative;
We will learn how to handle static files, such as custom fonts;
Our course is going to explore how to handle cookies in NextJS;
Learn how to build a custom server for your NextJS app;
Authenticate users with a cookie-based approach;
Walkthrough the flow to deploy our app to Zeit.

I've built a course I wish I had access to when I was learning NextJS and SSR. A course that bundles together lots of concepts and real life situations and how to best approach them, or at least getting a starting point to develop a robust solution.

Requirements

Requirements
Basic ReactJS knowledge
Basic Javascript skills
Basic CSS skills

Recommended for you

Complete Next.js with React & Node - Beautiful Portfolio App

Build Serverless Web Apps with Next. js. Learn Hooks. Deploy to Vercel. Next. js (Next 9. 4), React (React 16+) & Node....

Save Course