Zero to Hero NextJS 14 course for real project development

سرفصل های دوره

Learn NextJS 14 and Bootstrap 5 with practical examples after this course you will be ready to build real world projects

1. Introduction & Installation

1. Software Installation

2. What is NextJS and How its different then ReactJS

3. Creating and Running the Next App

4. Understanding the folder structure of the next app

5. Adding Bootstrap to the next app

2. Understanding NextJS 14.0 and its concepts

1. Understanding the flow of Next App

2. How Routing works in NextJS

3. File Based Routing in NextJS

4. Using Different Fonts in NextJS

5. Creating reusable Components in NextJS

6. Server side rendering VS Client side rendering

7. use client VS use server

3. Project Development with NextJS 14 & Bootstrap 5

1. Developing Navbar - Part-1

2. Developing Navbar - Part-2

3. Navbar Navigation using Link tag in NextJS

4. Styling Hero Section - Part-1

5. Page specific css file and its usage

6. Using Images in Next JS

7. Designing the Footer section

8. Using Icons in Next JS

9. Animations in NextJS - Part-1

10. Animations in NextJS - Part-2

11. Blog Page designing Card

12. Blog Page Make Server Side API call

13. Rendering the API data on to the Card component

14. Displaying Remote Server Image in NextJS app

15. Styling the Card component

4. Caching and Different Templates in NextJS

1. Caching data in NextJS

2. Loading Template in NextJS

3. Layout Template for specific pages in NextJS

4. Error Template in NextJS

5. Dynamic Routing and Passing Data between Components in NextJS

1. Dynamic and Nested Routing in NextJS

2. Dynamic Routing on the Blog Detail page

3. Passing data between page in NextJS

4. Fetching Blog Detail data from API server side

5. Styling and Displaying data on Blog Detail page

6. Not Found Template in NextJS

7. Navigating from one page to another through Javascript

8. Passing data through query params

6. Client and Server side Components, Using both together

1. When to Use Server and Client side components

2. Example of Using Client and Server components together

3. Designing Product Page

4. Making API call From Client Component

5. Displaying Product List on Client Component

6. Fetching data in Server Component and Rendering server side

7. Using client and server component together - part-1

7. Developing REST API in NEXT JS

1. Understanding the working of NextJS REST API

2. Creating the NextJS application with Create Next App

3. Next JS Working and Folder structure

4. Developing our First REST API

5. GET API to fetch all Users from Remote microservice

6. Integrating Frontend and Backend REST API to show all Users on Page fetched

7. POST API to create new User - Part-1

8. POST API to create new User by making Remote microservice call - Part-2

9. PUT API passing dynamic params and request

10. Doing Validation for Request Data in backend API

11. PUT API to update a User by making Remote microservice call

12. DELETE API to delete a user by calling remote microservice

13. GET API to fetch Details of one user

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy