Server side rendering with Next JS

Server side rendering with Next JS, available at $84.99, has an average rating of 4.6, with 280 lectures, based on 71 reviews, and has 1139 subscribers.

You will learn about Use Next JS and React Better performing apps Practice real life scenarios Deployment to production This course is ideal for individuals who are All levels It is particularly useful for All levels.

Enroll now: Server side rendering with Next JS

Summary

Title: Server side rendering with Next JS

Price: $84.99

Average Rating: 4.6

Number of Lectures: 280

Number of Published Lectures: 280

Number of Curriculum Items: 280

Number of Published Curriculum Objects: 280

Original Price: $22.99

Quality Status: approved

Status: Live

What You Will Learn

Use Next JS and React

Better performing apps

Practice real life scenarios

Deployment to production

Who Should Attend

All levels

Target Audiences

All levels

Do you want better performing, SEO friendly web apps with server side rendering ?. This is the course for you.

We will start from the very beginning, from “I don’t even what it is and why should I use it?“ to actually understand how Server side with Next + React works.

You will learn all the logicand practicebehind Next JS + Reactin different modules, starting from the very beginning till under the hood topics.

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.

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

We will learn how pre-rendering occurs on Next JS

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

Apply security, authentication, route guards.

We will create a practice projects just to practice everything.

Of course, we will learn the whole process of deploying to Vercel, Next’s hosting.

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

What about the instructor experience ?

Well I’ve been around for 15 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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Installing NODE JS

Lecture 3: IDE

Lecture 4: Repositories and Source code

Chapter 2: Routing

Lecture 1: What is Next JS ?

Lecture 2: Installing a NEXT App

Lecture 3: How Routes Work

Lecture 4: Creating a simple route

Lecture 5: Nested routes

Lecture 6: Dynamic Routes

Lecture 7: Params and SearchParams

Lecture 8: Catch ALL

Lecture 9: Layouts

Lecture 10: Navigation

Lecture 11: Standard React code

Lecture 12: Styles

Lecture 13: Parallel Routes

Lecture 14: Route Groups

Chapter 3: Server and Client

Lecture 1: Creating a tiny template

Lecture 2: Header and links

Lecture 3: Strategies

Lecture 4: JSON Server

Lecture 5: Showing employees

Lecture 6: Using Hooks

Lecture 7: More on Server and Client

Lecture 8: Server action file

Lecture 9: Posting employees

Lecture 10: Re-Factor to actions file

Lecture 11: UseFormState

Lecture 12: UseFormState part 2

Lecture 13: Employee by ID

Lecture 14: Loading UI

Lecture 15: Error UI

Lecture 16: Not found UI

Lecture 17: Edit user Server component

Lecture 18: Client side validation

Lecture 19: Edit server action

Lecture 20: Edit server action part 2

Lecture 21: Deleting employees

Chapter 4: Caching

Lecture 1: Build and start

Lecture 2: Dynamic or Static ?

Lecture 3: Segment config options

Lecture 4: Revalidating paths

Lecture 5: Fetch API options

Lecture 6: Header and Cookies

Lecture 7: Using the generateStaticParams function

Chapter 5: Practice app: Hokusai [optional]

Lecture 1: Installation

Lecture 2: Creating a Nav

Lecture 3: Home Carousel

Lecture 4: Fetching articles

Lecture 5: Home articles

Lecture 6: Article by ID

Lecture 7: Bio page

Lecture 8: Building

Chapter 6: Deploying

Lecture 1: Intro to Vercel and simple deploy

Lecture 2: Deploying JSON Server

Lecture 3: Deploying Hokusai project

Chapter 7: API Routes

Lecture 1: What are API routes ?

Lecture 2: Route handlers VS API Routes

Lecture 3: Routes Handlers

Lecture 4: Routes Handlers – Posting

Lecture 5: Routes Handlers – Params

Lecture 6: API Router

Lecture 7: API Router params

Chapter 8: More NEXT tools

Lecture 1: Starting a new project

Lecture 2: Tailwind CSS

Lecture 3: SASS

Lecture 4: Next UI

Lecture 5: Next UI navbar

Lecture 6: Absolute import and Module aliases

Lecture 7: The image component

Lecture 8: Mongo DB

Lecture 9: Testing Mongo DB

Lecture 10: What about Mongoose ?

Lecture 11: What about React Context ?

Lecture 12: What about React Redux ?

Chapter 9: Authentication

Lecture 1: Installing

Lecture 2: Creating a NAV

Lecture 3: Installing FONTS

Lecture 4: NEXT AUTH credentials

Lecture 5: NEXT AUTH secret

Lecture 6: NEXT AUTH middleware

Lecture 7: User Server Session

Lecture 8: Client Server session

Lecture 9: GITHUB sign in

Lecture 10: Register Form

Lecture 11: Register Form part 2

Lecture 12: Register users

Lecture 13: Register users part 2

Lecture 14: Register users part 3

Lecture 15: Fixing the Authorize

Instructors

Coding Revolution
Professional Instructor and Web Developer.

Rating Distribution

1 stars: 1 votes

2 stars: 1 votes

3 stars: 5 votes

4 stars: 22 votes

5 stars: 42 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!