Complete Next.js Course For Beginners - All Concepts

Focused View

Akshay Kashyap

2:36:46

8 View

1 - Introduction & Setup

1 - Introduction.mp4

02:41

2 - React Setup With CDN.mp4

07:11

3 - Setup Nextjs With React & React DOM.mp4

05:48

4 - Nextjs Application with CLI.mp4

05:57

2 - Fundamental Concepts

5 - Pages.mp4

08:42

6 - Assets.mp4

06:24

7 - CSS Support.mp4

10:10

8 - Layout Component.mp4

09:19

3 - NextJs Component Rendering

9 - PreRendering.mp4

02:56

10 - getStaticSideProps Method.mp4

05:10

11 - getServerSideProps Method.mp4

04:05

12 - Client Side Fetching.mp4

06:01

13 - App Component.mp4

09:16

4 - Routing

14 - Dynamic Routes.mp4

13:24

15 - 404js Component.mp4

03:30

16 - API Routes.mp4

06:35

17 - useRouter Hook.mp4

05:39

18 - Navigation Link.mp4

06:24

19 - SWR.mp4

05:13

5 - Database

20 - Working with Database.mp4

11:51

21 - HTTP Request.mp4

03:32

22 - SWR Own Hooks.mp4

05:09

23 - Fetcher Function.mp4

05:54

24 - SWR with Static Site Generation.mp4

05:55

Description

Learn NextJS from the Scratch and build production-ready, fullstack ReactJS apps with the NextJS framework!

What You'll Learn?

You will be about to learn API Routes
Single File Components
Server Rendering
SSG and SSR (Static-site Generation )( Server Side Rendering)
Automatic Routing
Layouts
Prefetching
File System Routing
CSS Styling with JSX

Who is this for?

This Course is for Beginner and intermediate Student.

What You Need to Know?

Before you start, make sure you have a basic understanding of JavaScript and React framework.

Also you need to have complete understanding of HTML and CSS

More details

Description
NextJS is a great choice for growing as a React developer and for taking your React apps to the next level!

Because NextJS is growing fast and therefore in high demand. And there are good reasons for that: NextJS allows you to build React apps with built-in server-side rendering and page pre-rendering. Building great user experiences and search engine friendly (SEO!) React apps has never been easier!

In addition, NextJS makes building fullstack React apps (frontend + backend code combined in one project) extremely easy as well! Blend client-side and server-side code and build a NodeJS-based API side-by-side with your frontend React apps. It's a breeze with NextJS!

Want to add authentication? NextJS simplifies that as well and makes user signup, sign in and session management very convenient.

This course will take you from NextJS beginner to advanced level in no time!

In detail, this course will cover:
What is NextJS? And why would you use it?
Working with file-based routing
Adding dynamic routes and catch-all routes
Implementing different forms of page pre-rendering and server-side rendering
Working with data and adding data fetching + pre-fetching to your apps
Pre-generating dynamic and static pages
Optimizing images with the NextJS Image component
API routes
And much more!

For this course, you'll need basic React knowledge, though the course does come with a "React refresher" module in case it's been some time since you last worked with React.
After finishing this course, you'll be well prepared to build your own NextJS projects from the ground up and apply for NextJS positions!
Who this course is for:
This Course is for Beginner and intermediate Student.

User Reviews

Rating

average 0

Total votes0

Focused display

Next JS

Akshay Kashyap

Instructor's Courses

This is Akshay Kashyap. I am a Website Designer and Full Stack Developer. I have 4 years of experience in website development. I love to write code and make different applications in different languages.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.