Next.js | Master Modern Web Development From Scratch

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

Nextjs | Build React-based SEO friendly web applications with SSR, static rendering, Firebase and next js Travel app

1 - Getting Started to Next.js course

1 -Welcome

2 -What is Next.js

2 - Project Files.html

3 -Create the First Next.js Application

3 - Useful Links.html

2 - Next.js Fundamentals

1 -Creating Routes and Using the Link Component

2 -Server Component Logic and File Structure

3 -Creating and Using Components With Next

4 -Create Dynamic Routes

5 -Project Introduction

6 -Project Creation & Creating Routes

7 -Creation of the Application Layout and Header Component

8 -Lets Start Using Module CSS in Our Project

9 -Creating the Home Page and Slides Component

10 -Components Types In Next

11 -Active Link Building

12 -Fetching Data

13 -Client and Server Components Optimization

14 -Adding a Loading Page

15 -Error Page

16 -Not Found Page

17 -Page Creation With Dynamic Route

18 -Share Page

19 -Create Custom Image Picker

20 -Using Server Action

21 -Application Optimization with useFormStatus Hook

22 -Input Validation & useFormState Hook

23 -Alternative Error Handling

24 -Metadata

25 -Section Summary

3 - Advanced Next js

1 -Section Overview

2 -Project Presentation

3 -Project Setup

4 -Create Pages with Fake Data

5 -Handling Not Found Page

6 -Working With Parallel Routes

7 -Rendering Nested Routes & Parallel Routes

8 -Simplify Pages With MovieCard Component

9 -Catch All Routes

10 -Multiple Path With Catch All Route

11 -Error Page & Editing Main-Header Component

12 -Programmatic Routing

13 -Route Groups

14 -Managing API Requests With Route File

15 -Using Middleware in Next

4 - Data Fetching in Nextjs

1 -Section Overview

2 -Client Side Data Fetching

3 -Data Fetching Optimization in Client Components

4 -Server-Side Data Fetching in Next.js

5 -Data Fetching Optimization and Loading Component

6 -Migration of My Favorite Route to TMDB API - 1

7 -Migration of My Favorite Route to TMDB API - 2

8 -Lets Move Dynamic Pages of the Application to TMDB API

9 -Use of the Suspense Component

5 - Authentication with Firebase

1 -What is Firebase

2 -Integrate Firebase Into the Application

3 -Sign Up Page

4 -Sign In Page

5 -Logout

6 - Pages Router

1 -Pages Router

2 -Lets Start an Application With Pages Router

3 -Working With Nested Routes & Dynamic Routes

4 -Using Nested Dynamic Routes

5 -Catch All Routes & Link Component

6 -Programmatic Navigation

7 -Adding a Custom Not Found Page

7 - Pre Rendering and Data Fetching with Pages Router

1 -Section Overview

2 -Static Rendering & Server Side Rendering

3 -getStaticProps

4 -Lets Compile Component Server with Filesystem

5 -Incremental Static Generation (ISR)

6 -notFound & Redirect

7 -Working With Dynamic Pages

8 -Using getStaticPaths

9 -Fallback & notFound

10 -getServerSideProps

11 -Dynamic Pages with getServerSideProps

12 -Why We Need Client Side Data Fetching

13 -Client Side Data Fetching Using Firebase

8 - Travel Project

1 -Project Overview

2 -Start the Project & Create the Pages and Fake Data

3 -Create Tour Components

4 -Using Tour Data in Components and Style Operation

5 -Creating the Button Component & Start Creating Detail Page

6 -Create Detail Page Components

7 -Create a General Layout Wrapper

8 -All Tour Page & Creating a Form for Tour Filtering

9 -Programmatic Page Navigation by Filtering Tours

10 -Lets Make Data Controls on the Page with Filtered Tours

11 -Show Filtered Tours in Catch-All Page

12 -Create a Real Time Database Using Firebase

13 -Lets Create Home Page According to Static Side Generation

14 -Lets Recreate Tour Detail Page Component with Firebase Data

15 -Optimizing Data Fetching

16 -All Tour Page & Catch All Routes Page

17 -Section Summary

9 - Extra

1 - Next.js Master Modern Web Development From Scratch.html

235,000 تومان

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

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

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

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