By the end of this course, you will be able to
Define all the features of Next.js, you will learn how to fetch data from the server using Server-Side Data Fetching and Next.js concepts and how to enable, use, and optimize SSR.
Create client-based UI applications using React.js and full ReactJS applications using NextJS.
Deal with a database like MongoDB and create, query, and update data schemas and models.
Course details
- 4 h 15 m/33 lessons
- Last updated: 17/12/2023
- Course completion certificate
Course Content
Welcome & Introduction
Requirements & Framework Vs Library
What Is Next.Js & Why Would You Use It
Next.Js Features
Welcome & Introduction
Requirements & Framework Vs Library
What Is Next.Js & Why Would You Use It
Next.Js Features
Creating A Nextjs Project
Analyzing The Created Project
Adding First Page
Adding A Named-Static Route File
Working With Nested Paths & Routes
Adding Dynamic Paths & Routes
A Different Way Of Setting Link Hrefs
Review Our Project
Explain Components Folder
Setting Up The Pages
Data Fetching Like In React Apps
The Problem With Traditional React Apps
How Nextjs Prepares & Pre-Renders Pages
Introducing Static Generation With Getstaticprops
Disadvantages Of Getstaticprops
Introducing Getstaticpaths For Dynamic Pages
What Is Database And Their Types
Setting Up A Mongodb Database
Connect Mongodb To Our Project
Creating Database Schema
Creating Endpoints (Api Routes) & Running Mongodb Queries
Test Api Routes Using Postman
Remove Hard Code On Homepage & Getting Data From Api Route
Store Product Data Into Database Using ApI Route
Show Productdetails In Dynamic (Ssg Page)
Improve Seo & Analyzing The Need For Head Metadata
Optimizing Images With The Next Image
Next 13 Beta Version
Deploy Our Application On Vercel
About this course
In the age of modern technology, web applications are always evolving. With Next.js and React, you'll be able to build advanced, easy-to-scalable, high-performance web applications. You will also learn how to take advantage of Next.js features such as partial loading, server-side compilation, and many more tools and libraries that make building and development easier for you. It is worth noting that NextJS is a great option to grow as a React developer and take your React applications to the next level. Join us now!
Course requirements and prerequisites
Modern Javascript (ES 6) and ReactJS knowledge is recommended, but this course includes a complete review of React
Mentor
Karim Shemis
Web Developer
238 Learners
1 Course