Server Side Rendering with React and Redux

Server Side Rendering with React and Redux


Build React, Redux, and React Router apps using Server Side Rendering (SSR), Isomorphic, and Universal JS techniques
Thanks for signing up!

Check your email for a free sample of this course


There was a problem during submission. Please try again later.

Server Side Rendering with React and Redux


  • Understand the challenges of Server Side Rendering
  • Build a server side rendering boilerplate project
  • Use React, Redux, and React Router to conquer Search Engine Optimization
  • Master techniques for data loading on the server

Read More

Note: This course assumes you've got the basics of React, Redux, and Express down.  Check out my course 'Node with React', its the perfect preparation!

Go beyond the basics of React and Redux!  This course will teach you to combine the ultra-popular React v16, Redux, React Router, and Express technologies to build a server-side-rendered web application.

All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples.  In this course we'll build one application that profiles the challenges of server side rendering with React, Redux, React Router, and Express.  By putting each concept into a real app, you'll get a better idea of when to use each unique and powerful feature.

Ever wonder why there are so few courses online that teach server side rendering techniques?  Sure, there are blog posts that show a tiny portion of a server side rendered app, but there are nearly no resources online to give you the full server side rendering experience from start to finish.  This course is the most complete resource online for learning about exactly why server side rendering is so challenging.  You'll learn the biggest hurdles, along with multiple solutions to each major problem, giving you the toolset you need to tackle server side rendering techniques in your own applications.

Here's what we'll learn:

  • Learn the architectural considerations of building a server side rendered app
  • Connect a Webpack-powered front and and backend app together
  • Communicate data from your server to client using Redux initial state to your React application
  • Secure your application from common XSS attacks caused by state rehydration
  • Understand how to route user requests on the front end with React Router and on the backend with Express
  • Handle errors and redirects properly that occur during the server rendering process
  • Authenticate your users with cookie-based authentication during the server rendering phase
  • Understand why JWT's are not appropriate for use in a server rendered app
  • Enhance authentication flows in your app with Google OAuth authentication


I've built the course that I would have wanted to take when I was learning to build server side rendered apps. A course that explains the concepts and how they're implemented in the best order for you to learn and deeply understand them.

Read Less



Happy Students

from countries worldwide

Average Rating

4.8 from 794 reviews


Hours of Content

with 93 HD video lectures

Now is the right time!

Take this Course via Udemy

Some apps you will build

Server Rendered Boilerplate

This course is all about writing code and creating the ultimate server side rendering boilerplate.  You'll put together multiple versions of a boilerplate project so you can understand exactly how our codebase changes as support for React, Redux, and React-Router is added in one by one.  You'll also gain mastery over Webpack and building multiple bundles to better feature flag certain elements.

Server Rendered Boilerplate

Server Rendered Boilerplate

And more...

Kickstart Your Journey

Take this Course via Udemy
The Instructor

About the Author

Stephen Grider

Engineering Architect

Stephen Grider has been building complex Javascript front ends for top corporations in the San Francisco Bay Area. With an innate ability to simplify complex topics, Stephen has been mentoring engineers beginning their careers in software development for years, and has now expanded that experience onto Udemy, authoring the highest rated React course. He teaches on Udemy to share the knowledge he has gained with other software engineers. Invest in yourself by learning from Stephen's published courses.

Connect with Stephen on

Start Learning Today

Take this Course via Udemy

Frequently Asked Questions

Is the content out of date?

Tech moves fast, but so do we. We update all content as often as needed to make sure we stay on the latest version.

When does the course start and finish?

The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.

How long do I have access to the course?

After enrolling, you have unlimited access to this course for as long as you are enrolled - across any and all devices you own.

What if I am unhappy with the course?

We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Will I get support?

Absolutely. If you are troubleshooting bugs, find hard to understand topics, or even want to say 'hello', you are free to reach out via email or Twitter at any time.

Is the course's code available for download?

Yes, all projects in all courses are available for browsing on Github.