Create a faster and more responsive user experience by implementing server-side rendering in your React projects.
Overview
Syllabus
Introduction
- Learn server-side rendering with React
- What you should know
- SSR: What, how, and why
- Chrome and Firefox tools
- Install the required libraries and tools
- Challenge: Why would you use SSR?
- Solution: Why would you use SSR?
- Introducing Next.js with React
- Add initial components from template
- Add data for props
- Add Redux store and setup
- Add Redux actions
- Add Redux reducers
- Challenge: Why use Redux for SSR?
- Solution: Why use Redux for SSR?
- Create initial Express or Next.js server
- Add the Express routes
- Add links and pages with Express or Next.js
- Challenge: Why use Node or Express for SSR?
- Solution: Why use Node or Express for SSR?
- Code splitting in Next.js
- Other tools available for code splitting
- Challenge: What is the purpose of code splitting?
- Solution: What is the purpose of code splitting?
- React Router with SSR
- Next steps
Taught by
Emmanuel Henri
Related Courses
-
Build a Server Rendered + Code Split App in React with React Universal Component
-
Intermediate React, v5
-
Server Rendering React Components
-
React 18 with Next.js Playbook
-
Next.js React Framework Course – Build and Deploy a Full Stack App From scratch
5.0 -
Build a Real-time Next.js 14 Chat App with Fauna
