Favorites
b/udemy1byELKinG

Complete Next.Js Course For Beginners - All Concepts

Complete Next.Js Course For Beginners - All Concepts

Published 8/2022
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 1.19 GB | Duration: 2h 37m

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
Requirements
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
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 routingAdding dynamic routes and catch-all routesImplementing different forms of page pre-rendering and server-side renderingWorking with data and adding data fetching + pre-fetching to your appsPre-generating dynamic and static pagesOptimizing images with the NextJS Image componentAPI routesAnd 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!

Overview

Section 1: Introduction & Setup

Lecture 1 Introduction

Lecture 2 React Setup With CDN

Lecture 3 Setup Next.js With React & React DOM

Lecture 4 Next.js Application with CLI

Section 2: Fundamental Concepts

Lecture 5 Pages

Lecture 6 Assets

Lecture 7 CSS Support

Lecture 8 Layout Component

Section 3: NextJs Component Rendering

Lecture 9 Pre-Rendering

Lecture 10 getStaticSideProps() Method

Lecture 11 getServerSideProps() Method

Lecture 12 Client Side Fetching

Lecture 13 App Component

Section 4: Routing

Lecture 14 Dynamic Routes

Lecture 15 404.js Component

Lecture 16 API Routes

Lecture 17 useRouter() Hook

Lecture 18 Navigation Link

Lecture 19 SWR

Section 5: Database

Lecture 20 Working with Database

Lecture 21 HTTP Request

Lecture 22 SWR Own Hooks

Lecture 23 Fetcher Function

Lecture 24 SWR with Static Site Generation

This Course is for Beginner and intermediate Student.

Screenshots

Complete Next.Js Course For Beginners - All Concepts

Homepage

without You and Your Support We Can’t Continue
Thanks for Buying Premium From My Links for Support
Click >>here & Visit My Blog Daily for More Udemy Tutorial. If You Need Update or Links Dead Don't Wait Just Pm Me or Leave Comment at This Post

No comments have been posted yet. Please feel free to comment first!

    Load more replies

    Join the conversation!

    Log in or Sign up
    to post a comment.