NextJS Tutorial - Pre Rendering and Data Fetching | SSR SSG ISG | How to Pre Render Pages in Next.JS
NextJS File Based Routing Tutorial: • Next.JS Tutorial For Beginners - File...
Timestamps:
0:00 Introduction and Overview of Topics
0:12 Pre Rendering Of Pages
👉Static Site Generation in NextJS
1:11 getStaticProps - Static Site Generation (SSG)
2:35 Creating a new Next js app
2:50 Setting Up Environment
4:30 Adding Data For Static Site Generation
6:55 Importing Data in Firebase Real Time Database
9:32 Adding Dynamic Routes in NextJS
10:57 Using Static Site Generation (SSG) - getStaticProps
12:43 Fetching data from firebase
14:22 Sending props to components - getStaticProps
19:47 How getStaticProps Works?
20:23 Creating dynamic id page
21:40 using getStaticProps to get Book from ID
26:12 getStaticPaths Error - How to resolve?
26:30 What is getStaticPaths in NextJS?
27:38 Using getStaticPaths to generate static paths
32:54 How getStaticPaths Works?
33:18 Understanding the Build Process of NextJS
34:59 Understanding the problem And Introduction to Incremental Static Generation
36:43 Using Incremental Static Generation (ISG) revalidate key
36:43 Using Incremental Static Generation (ISG) revalidate key
👉 Server Side Rendering in Next JS
40:32 Introduction to getServerSideProps
42:04 Using getServerSideProps
46:06 getStaticProps VS getServerSideProps & Which form to use and when?
47:12 Summary of Tutorial
Hey Everyone,
In this video you will Learn Next.js Pre-Rendering of Pages concept in detail. This is a complete project in Next.js where first you will get to know the concept, then make a project of Pages Pre Rendering and Data Fetching.
You will learn about:
👉Data Fetching in NextJS
👉 Pre Rendering in NextJS
👉(SSG) Static Site Generation in NextJS
👉 (SSR) Server Side Generation in NextJS
👉(ISR) Incremental Static Generation in NextJS
#nextjs #reactjs #webdevelopment
This is designed by Indian Coders to the beginners who wants to learn Next.JS File Pre Rendering.
Please Subscribe to this channel. Have been working on this since very long.
Please hit like and do subscribe only. That's It.
Blog App With MERN Stack: • BLOG App With MERN Stack | Learn MERN...
Advanced MERN Stack Login Logout Application With Advanced Authentication And Authorization:
• MERN Stack: Advanced User Authenticat...
Checkout latest Video on Blockchain development: • #1 Introduction To Blockchain | What ...
Follow us on Instagram
@indiancoders.in
Copyright Disclaimer under section 107 of the Copyright Act 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education and research. Fair use is a use permitted by copyright statute that might otherwise be infringing.
Смотрите видео NextJS Tutorial - Pre Rendering and Data Fetching | SSR SSG ISG | How to Pre Render Pages in Next.JS онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Indian Coders 01 Январь 1970, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 848 раз и оно понравилось 26 людям.