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.
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.
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
- 1React Hooks 5 free previews10 lectures · 43 min
- 2Next JS11 lectures · 44 min
- 3SSR News App with React Hooks and Next JS3 lectures · 21 min
- 4Source Code1 lecture
- 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
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!
Instructor Details
- 4.5 Rating
924 Reviews
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.
More courses by Ryan Dhungel
React JS Frontend Web Development for Beginners (2025)
4.5 (8,317 Reviews)
Provider: Udemy
Time: 2.8h
Free
NodeJs API for Beginners (Marketplace with AWS & MongoDB) (2024)
4.6 (7,277 Reviews)
Provider: Udemy
Time: 12.2h
$19.99
MERN Stack React Node Ecommerce from Scratch to Deployment (2023)
4.0 (1,586 Reviews)
Provider: Udemy
Time: 16.5h
$12.99
React Redux Ecommerce - Master MERN Stack Web Development (2024)
4.3 (1,029 Reviews)
Provider: Udemy
Time: 43.4h
$79.99
React Node MERN Stack from Scratch building Social Network (2024)
4.4 (1,028 Reviews)
Provider: Udemy
Time: 46.1h
$11.99
MERN React Node Next.js Multi User SEO Blogging Platform (2023)
4.7 (583 Reviews)
Provider: Udemy
Time: 20.8h
$74.99
More React courses
Microservices with Node JS and React (2026)
4.8 (20,187 Reviews)
Provider: Udemy
Time: 54.4h
$139.99
Learn to build an e-commerce store with .Net, React & Redux (2026)
4.8 (2,218 Reviews)
Provider: Udemy
Time: 29.6h
$94.99
Next JS & WordPress: Build rapid NextJS sites with Next & WP (2026)
4.8 (462 Reviews)
Provider: Udemy
Time: 8.4h
$74.99
Build Polymorphic Components with React and Typescript (2022)
4.8 (223 Reviews)
Provider: Udemy
Time: 2.3h
$69.99
Next JS ChatGPT clone with Next.JS & OpenAI (NextJS 13 2023)
4.8 (172 Reviews)
Provider: Udemy
Time: 4.6h
$89.99
The Ultimate React Course 2025: React, Next.js, Redux & More
4.7 (27,027 Reviews)
Provider: Udemy
Time: 83.9h
$99.99
Reviews
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.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 90 / 100












