Skip to content
UdemyReactPaid courseAll Levels

Next JS with React Hooks - Building SSR React Applications (Udemy.com)

Get up and running with React Hooks and Next Js in a Day. Learn to build Server Side Rendered (SSR) React applications.

Created by: Ryan Dhungel

Last updated October 2023

Our take

Based on the ratings of 924 students, a sample of their written reviews and the syllabus, as the course stood in October 2023. No course pays to be reviewed.

This is a short one, 1.8 hours across 26 lectures, built to get React developers comfortable with hooks and Next.js quickly rather than thoroughly. Ryan Dhungel walks through hooks, then Next.js basics, then pulls it together in a small SSR news app. It assumes you already have a basic grip on React, so it is not a first course in the framework, more a bridge course for people who know React and want the Next.js and hooks piece added on.

Reviewers consistently call it clear, easy to follow, and generous for something free, and Dhungel gets credit for explaining concepts simply rather than just typing code silently. The complaints cluster around age: multiple reviewers call the code and Next.js examples outdated, and one found the provided GitHub code, built against Next.js 8.1, breaks on 10.0.6. Others found the pace too quick and shallow for real depth, and one reviewer singles out Dhungel's repeated verbal tics ('ok?', a sign-off at the end of every lesson) as tiresome over 26 lectures.

The free price does not shield it from criticism: one reviewer points out the same ground is already covered in free blog posts, and a couple of the lowest-rated reviews call the content thin. It was last substantively updated in October 2023, so expect syntax and APIs to drift further from current Next.js as time passes. Treat it as a fast, free primer to get oriented, then move to current docs or a longer course for anything you build for real.

Best forReact developers who already know the basics and just want Next.js and hooks fast.
Skip it ifTotal beginners to React, or anyone who needs current Next.js 13+ routing and features.

Pros

  • Free and short, 1.8 hours to go from React hooks to a working SSR app
  • Reviewers repeatedly call the explanations clear and easy to follow
  • Ends with a hands on SSR news app tying hooks and Next.js together
  • One reviewer rates it better organized than paid courses on the same topic

Cons

  • Some code and Next.js version details are outdated; sample GitHub code broke on newer Next.js
  • A couple of reviewers found it too fast and shallow for real beginners
  • No quizzes, coding exercises, or certificate included

Listed as All Levels, but reviewers say it really suits React developers with some basics already down.

icon
What you will learn

  • Learn React Hooks
  • Learn Next Js
  • Learn to Build SSR React Apps

Course content

5 sections · 26 lectures · 1.8 hours of video 2 articles

  1. 1React Hooks 5 free previews10 lectures · 43 min
  2. 2Next JS11 lectures · 44 min
  3. 3SSR News App with React Hooks and Next JS3 lectures · 21 min
  4. 4Source Code1 lecture
  5. 5Bonus1 lecture · 1 min

Who it is for

The instructor says it suits

  • React Developers looking to learn React Hooks
  • React Developers looking to learn Next JS
  • React Developers who wants to build SSR React Apps
  • React Developers who wants to build SEO friendly React Apps

What you need before you start

  • Basic understanding of React JS

How it compares

Against the other 173 rated Udemy courses in React on CourseDuck:

  • Rating4.5 out of 5higher than 53% of them
  • Reviews924#63 of 174 by number of reviews
  • Length1.8 hoursshorter than 99% of them
  • Last updatedOctober 2023earlier than 53% of them

icon
Course Description

Learn Next JS with React Hooks so that you can start Building SEO friendly, SSR - Server Side Rendered React Applications.

In this course, you will learn React hooks and Next Js building 6 Mini Projects. By the end of this course, you will be fully comfortable to start off your next big project using React Hooks and Next Js so that you application is Server Side Rendered and SEO Friendly.

My focus in this course is to get you up and running with React hooks and Next Js as soon as possible with clear cut understanding, so that you can start building SSR react apps using hooks in a matter of days.

Level up your React skills with this short and easy to follow along course in a matter of days!

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Ryan Dhungel

Ryan Dhungel is a Sydney-based full stack developer with 10+ years of coding and 8+ years of teaching. Over 416,000 students have taken his 40+ courses on Udemy, leaving 25,000+ reviews. He teaches modern full stack JavaScript, Next.js, and AI-assisted development with Claude Code — project-based, practical, no fluff.

icon
More courses by Ryan Dhungel

Free

$19.99

$12.99

$79.99

$11.99

$74.99

icon
More React courses

$139.99

$94.99

$74.99

$69.99

$89.99

$99.99

icon
Reviews

4.5

924 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

By Md. Monowar Hossain on 12/6/2025

Lectures were excellent but there were some coding differences when I did practice myself. I given below my coding of using 'useEffect' as below: import React, { useEffect, useState } from 'react'; const App = () => { const [count, setCount] = useState(0); useEffect (() => { document.title = 'Clicked'+ count +'times'; }) const increment = () => { setCount(count + 1); }; return( Counter App Clicked {count} times ) } // import React, { Component } from 'react'; // class App extends Component { // state = { // count: 0 // }; // increment = () =>{ // this.setState({ // count: this.state.count + 1 // }); // }; // componentDidMount() { // document.title = 'Clicked '+ this.state.count +' times' // } // componentDidUpdate() { // document.title = 'Clicked '+ this.state.count +' times' // } // render () { // return( // // Counter App // Clicked {this.state.count} times // // ) // } // } export default App;

By Asad Mehmood on 11/17/2021

I love this tutorials. It made me understand the concepts of NextJs and ReactJs like a nursary students. Highly appreciate the efforts of tutor. Would love to learn more from him. Chars!

By Stephen Lai on 6/29/2020

This is the best react hooks and nextjs course even though it is only a short course, but it covers the most fundamental / essence. The instructor knows the ins and outs. I will definitely check out the instructor's other courses and I hope more react hooks and nextjs course coming out !!!

By Ramnik Bansal on 6/16/2020

Good to get starting with the NextJs. I feel The course nicely touched upon the basics of Next along with providing a good insight on how the React components are build using traditional class based approach and the newer hooks.

By Tri Waliangga Putra Dangiangsyah on 6/7/2020

Hmmmm..... untuk pengenalan bagaimana menggunakan next js cukup bagus. Lebih ke pratek langsung sih pengenalannya, well buat project simple yah bukan yang cukup complex. Namanya juga pengenalan, heheheh..... Namun benar, setidaknya menurut ku harus tahu dulu React JS (basicnya sih), setidaknya tahu menggunakannya.

By Mohameth Seck on 5/30/2020

A phenomenal short course to introduce next.js. Great instructor and his other courses are equally as good. The best part about it is he made this course free so definitely check it out.

By Bruno Dulcetti on 5/3/2020

It's a good course to noobies on React Hookies and NextJS, but it would be better if the course had more content of deployment like Netilify, Heroku, etc. It would be better if the course had examples of other configurations like Services, complex Components, and other things

By Jason Harris on 5/2/2020

This course was well explained and with great detail. The only thing that I found that I had to look in the documentation for was loading images and external css for it wasn't by using a static folder but a public folder, I don't know whether it was because of it being updated or not.

By Robert T Ogden on 11/10/2019

I really enjoy the code reusability tips, such as how to set up a common layout, how to make everything a function and how to override Next.js's default document. Good learnins!

By Albert Linao on 6/24/2019

This course isn't for beginners. But devs who have been using React for a while (with or without Hooks) will like the course. -0.5 stars since I personally reserve 5 stars to courses that use of Udemy's quiz feature. If it's added in the future I'd edit my rating to 5 stars.

Showing all 10 reviews on CourseDuck

Read all 924 reviews on Udemy

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100