Master Next.js in 52 Minutes: From Basics to a Complete Project!
Hey guys, welcome to our new series of next js tutorial. This is the second video to explain basics of next js with all the important concepts and a next js project. It is made with latest concepts of next js 14
I hope you get a good understanding from this video and you are also enjoying my next js 14 tutorial. If you like it please like and share it and do let me know your feedback in the comment section. Stay tuned and happy learning.. :)
Good Luck,
Sofia Goyal
00:00 Introduction
00:20 Topics covered
00:54 Project Demo
01:33 Prior Knowledge for this tutorial
01:50 What is Next JS?
02:29 Framework vs Library
03:55 Why next js?
04:03 Client Side Rendering vs Server Side Rendering
07:25 Static Site Generation
09:37 React Server Components
10:22 Next js project set up
12:36 Understanding next js project files and structure
15:52 Let’s start coding now
16:40 Understanding api for our movie database project
18:02 How to call api in next js?
21:38 Creating components for movie db project
27:55 Whitelisting urls for images in next js
29:19 How to use css modules in next js
30:38 Dynamic pages in next js
37:25 Creating movie details page
42:00 How to add links in next js
44:22 How to define client components in next js?
47:55 Caching in next js
48:21 Revalidation in next js
49:10 Meta data in next pages
52:05 Thanks for Watching
If you like my work you can support me and buy me a coffee at:
https://buy.stripe.com/14k2aI2if8apad...
github link
https://github.com/sofi1408/my-movie-...
React Tutorials Playlist
• What Is ReactJs in Hindi? | React JS ...
React Router DOM
• React Router DOM | How to use it
Create React App From Scratch
• Create React App From Scratch without...
Styling In React js
• Styling In React js | React js stylin...
I will keep making these tutorials and will try to put my best into this so that i can provide you with the most relevant content.
Please keep supporting and if you like it please share with your friends.
Stay Connected:
Linkedin : / sofia-goyal
Facebook : / sofigoyal14
Instagram : / sofi_goyal
Twitter : / sofiagoyal14
#next #nextjstutorial #nextjs14
Watch video Master Next.js in 52 Minutes: From Basics to a Complete Project! online without registration, duration hours minute second in high quality. This video was added by user Sofia Goyal 01 September 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 2,968 once and liked it 186 people.