Learn the production ready framework Next JS from HelloWorld to Deployment
What you will learn
☑ React vs Next
☑ Creating Single Page Applications
☑ Data fetching in both SSR and CSR
☑ Layouts in Next JS
☑ Create REST API’s without Node , Express
☑ Routing in Next JS
☑ Connecting Databases to NEXT JS
☑ CSS Modules in Next JS
☑ 3 Live and Hands On Projects
☑ By the end of this course you will know how to create a full stack web application with NEXT JS
Description
The Complete NEXT JS Course 2021 , HelloWorld to Deployment starts with differences of React and Next
Next.js is an open-source development framework built on top of Node.js enabling React-based web applications functionalities such as server-side rendering and generating static websites.
React is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
In The Complete NEXT JS Course 2021 , HelloWorld to Deployment we will learn the following topics
- React vs Next
- Creating Single Page Applications
- Client Side Rendering
- Server Side Rendering
- Creating Layouts
- Create REST API’s without Node , Express
- Routing in Next JS
- Connecting Databases (Mongo DB) to NEXT JS
- Performing API requests with Postmon to Next API’s
- CSS Modules in Next JS
- 3 Live and Hands On Projects
- Deploying Next App to Vercel
- Q/A Support
- By the end of this course you will know how to create a full stack web application with NEXT JS.
NEXT is one of the popular and powerful full stack web development framework. With NEXT you can build both frontend and backend applications without the knowledge of Node or Express.
Come on Guys….What are you waiting for ?
The NEXT is NOW
English
Language
Content
Intruduction
Promo
What is NEXT
React vs Next
First Next App
Hello World In Next JS
Next-Project Structure
Next App – Debugging
Next Routing
Routing in Next JS
Next Link
Next Router with Parametres
Next Router with Dynamic Parametres
Next Router Push
Layouts in Next JS
Layouts Part-1
Layouts Part-2
Head in Next
CSS in Next
Global CSS
CSS Modules
Data Fetching
SSR – Intro
Get Static Props
Server Side Props
Project – 1
Next Sample Project – Part1
Next Sample Project – Part2
Next Sample Project – Part3
Next API’s
Next API’s Intro
Next API Get Method
Next API Post Method
Next-Connect
Next API with HTML Content (Pages)
Sending API Request from Pages – 1
Sending API Request from Pages – 2
Next API with Postmon
Next Mongo Connection
Next -Mongo Postmon CRUD Part-1
Next – Mongo – Postmon CRUD Part-2
Next – Mongo-Postmon CRUD Part-3
Next JS CRUD
Demo
Creating Layout
Designing Add Post page
Adding Hooks to Add Post page
Connecting to Mongo DB
Adding New Post – API Part-1
Adding New Post – API Part-2
Get All Posts
Designing Post Item Component
Updating Posts Part-1
Updating Posts Part-1
Deleting Posts