Скачать или смотреть #04 - Optimizing Fonts and Images, Full Walkthrough (NextJS 14 full course)

Hey there, everyone,
Niraj here,
I hope you all are doing well.
This channel is dedicated to all developers around the world.

Github Repo:
https://github.com/nirajchaurasiya/ne...

Optimizing Images:
https://nextjs.org/docs/app/building-...

Optimizing fonts:
https://nextjs.org/docs/app/building-...

Multimedia Images:
https://developer.mozilla.org/en-US/d...

Web Fonts:
https://developer.mozilla.org/en-US/d...

--------------------------------------------------------------------------------------------------------------------------

In this video, we are going to continue our NextJS 14
series, we will learn optimizing fonts and images
in our websites and prevents them from
taking load time.
--------------------------------------------------------------------------------------------------------------------------
Chapters:
0:00 Introduction
0:50 What we are going to do?
01:35 Why optimize fonts?
3:01 Creating a primary font
03:41 Implementing the font
05:46 A practice question on font
05:53 Solving the question
07:27 Implementing secondary font
08:50 Why optimize image?
09:31 Traditional method of displaying image
10:24 NextJS Image
11:48 Implementing desktop image
12:30 Implementing mobile image
13:19 More links to learn
14:35 A todo app with NextJS 14
15:10 Good Bye

--------------------------------------------------------------------------------------------------------------------------

Learn useState in 4 min:    • Learn useState in less than 4 minutes! (Ex...  
Learn useEffect in 7 mins:    • Learn useEffect in 7 minutes (explained si...  
Learn useContext in 7 mins:    • Learn React Hooks: useContext | Data Manag...  
Checkout HTML full course:    • HTML full course  
Checkout NextJS 14 full course playlist:    • NextJS 14 full course  
Checkout ReactJS Hooks:    • ReactJS Hooks  
Mobile Application Install:    • Mobile Application Installation  
Build and deploy a Todo app with Next.js 14, Typescript, Tailwind CSS & useContext | NextJS projects:
   • Build and deploy a Todo app with Next.js 1...  

---------------------------------------------------------------------------------------------------------------------------

Thanks for watching.
#nextjs #nextjs14 #nextjsproject #nextjs14todo#Coding #Tech

Follow Me On Social Media
►Website (created using Next JS and NodeJS): https://nirajchaurasiya.com
►Twitter:   / @loveforrobotics