Server side rendering with Next + React
4.6 (96 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
736 students enrolled

Server side rendering with Next + React

Take you coding to the next level with server side rendering using Next.js and React.
4.6 (96 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
736 students enrolled
Created by Coding Revolution
Last updated 7/2019
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 29.5 hours on-demand video
  • 3 articles
  • 38 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Use Next JS and React to create server side rendering web applications.
Course content
Expand all 170 lectures 29:40:44
+ The basics
17 lectures 02:48:04
Pages and links
09:19
Importing components
06:26
Creating layouts
06:36
Get Initial props
14:52
Get initial props, async await
03:55
Accessing the context
06:06
Working with styles
14:08
Sass, less, styles and css imports
09:27
Making the app look better
07:08
Query params
15:06
Params
08:22
Server side support
18:24
The WithRouter
08:57
Router
11:54
Router events
07:12
The _app
10:15
+ Auth section
15 lectures 03:04:25
Installing dependencies
13:32
Setting a session
27:50
Checking auth
18:48
validating on the server and the client
16:56
Passing auth props
12:50
Preventing routes
13:44
Preventing routes ...continued
06:49
important !! ...use this links
00:07
A better Auth ( optional )
11:44
A better Auth ..continued ( optional )
11:49
Dynamic headers / data
09:48
Api routes
08:47
Middleware examples
06:51
Creating the Auth middleware
12:34
Accessing API from the client
12:16
+ NEXT + REDUX
4 lectures 53:15
Installing redux
17:27
Creating a store
17:58
Dispatching an action
09:55
The initial state
07:55
+ NEXT + Database
10 lectures 01:50:45
Connecting to MONGO
17:38
important !!! ..useful links
00:02
Using a .DOTENV
15:25
Creating a schema and model
14:14
important !! ...useful link
00:02
Using Nodemon
06:52
Get - Delete - Patch
16:18
Creating a form
18:13
Creating a form 2
18:05
Posting a user
03:55
+ Deploying
6 lectures 01:05:08
A bit of SEO
14:07
Global config variables
14:45
Setting up Heroku and Aut0
08:42
Deploying
15:22
Solving mongo and logout
07:21
Compression
04:51
+ PRACTICE PROJECT: Pizzeria
35 lectures 06:10:57
Installing NEXT and Redux
06:38
Preparing Redux
14:08
Creating a layout
13:17
Adding a header
06:59
Home markup
13:26
About us markup
06:37
Contact markup
20:14
Linking pizzas
08:42
Creating a server
07:05
Nodemon and dynamic routes
08:23
Connecting to MONGO DB
07:27
Creating models
09:04
Posting pizzas
08:22
Showing home pizzas
16:20
The pizza component
10:12
Global site information
10:22
Posting messages
12:06
Posting messages 2
09:26
Enviroment variables
06:55
Installing Auth0
16:11
Storing tokens
13:47
Verify user token - Client
16:28
Verify user token - Server
10:57
Preventing routes
08:44
Creating admin layouts
10:37
The Site form
11:53
Dispatching site actions
17:22
Posting site changes
07:36
Getting the messages
12:49
Messages markup
05:20
Deleting messages
14:34
Robots, urls and ports
09:37
Meta tags
04:14
Preparing heroku, mongo and auth0 for deploy
06:01
Deploying and debugging
09:04
+ React & Redux course - Basics [ OPTIONAL ]
16 lectures 02:30:12
Installing Node and using the CLI
11:57
The bundle
05:57
Starting with the code
09:06
JSX Behind the scenes
09:09
Importing components
08:25
Types of components
05:30
Adding styles
10:19
Events
11:39
The STATE
15:04
Using props
10:45
Using props 2
14:03
Props to a class
06:01
React children
03:42
More with styles
06:58
Style plugins
06:34
Filter the news
15:03
+ React & Redux course - Routes [ OPTIONAL ]
9 lectures 01:05:03
Installing routes
05:37
How it works and creating components
07:20
Using routes
06:27
Linking
10:52
Working with Params
06:49
Other features with react routes
07:18
Switch
03:50
Redirections
06:54
404 and the WithRouter
09:56
+ React practice: Project one [ OPTIONAL ]
4 lectures 56:32
Getting ready
11:14
Adding header and banner
15:56
Bringing the HOME list
10:41
Creating the artist detailed view
18:41
Requirements
  • Know a little bit of javascript, html and CSS
Description

Do you want to learn the whole process of building a server side React App ?. This is the course for you.

We will start from the very beginning, from "I don't even know how to use it..and why should I?“ to actually understand how Server side with Next + React works and make it communicate with other technologies like Auth0 and Express.

You will learn all the logic and practice behind Server side Next + React in different modules and as we advance through the course we will be increasing the difficulty.

Since I believe that the best way to fully learn is by coding, after the most important section we will put everything in practice with a course project and deploy the app to production.


We will use Next of course, and react to make the front end work.

Don’t know how to use React ?

Don’t worry, there is an optional full min course where we will show you how to use plain React, so once you have a strong base of React you can start with Next Js.


To sum everything up, you will learn in this course:

  • The very basics of Next. How to install and the logic behind it.

  • Create Layouts, using Links and all the power of Initial props.

  • We will understand how CSS, Sass, Less work with Next.

  • How to use routes properly and make it work with React.

  • Everybody is using Redux, so we will learn how to use redux with our Next.

  • Since our app will need a database, you will learn how to use it with MongoDB and mongoose.

  • Apply security, authentication with Auth0, restricting routes,etc.

  • We will create a practice project using React, Redux, Next and MongoDB.

  • Of course, we will learn the whole process of publishing you app using Heroku.

  • If you want to refresh your React abilities you also get a Full React course.

What about the instructor experience ?

Well I've been around for 10 years now, built lots of applications for small projects and big companies like Citi,Fox, Disney and a lot more.

Today I work as developer for a major company developing applications in React or Angular mostly, but I like to teach in my spare time.

How about the target audience?

  • This course is for almost everyone, a little bit of Javascript is required.We will use ES6 but you can learn as we go.

  • If you want to take your coding to the next level, this is the course for you.

Who this course is for:
  • Beginner to intermediate or anyone who want to learn Next JS