Next.js Tutorial | What Is Next.js? | Next.js Basics
This Next.js Tutorial video will help you understand what is Next.js, How is it different than other frameworks like React and Angular. Next.js is built on the top of React, It helps you build Static sites, it offers incredibly fast page loads, code splitting, server-side rendering, image optimization, font optimization, and data prefetching.
Next.js Website:
https://nextjs.org/
Source Code:
https://github.com/mrugankray/next_js...
Material UI Example repo:
https://github.com/mui-org/material-u...
Below topics are explained in this Machine Learning basics video:
00:00 Kickstart
00:39 React vs next.js
02:33 Next.js installation
03:38 Next.js directory structure
05:27 Head component
06:07 _document.js
07:19 _app.js
08:52 Global css
10:20 Component level css
11:11 Styled jsx
11:50 Nested routing
13:46 Dynamic routing
14:36 Link component
15:49 Build an API using Next.js
17:25 Dynamic API in Next.js
19:22 Dynamic rendering using getServerSideProps
23:22 getStaticProps
27:54 getStaticPaths
34:03 Wrap up
Subscribe to my channel for more App Developement Tutorials:
/ @mrugankray7623
#NextJsTutorial #WhatIsNextJs #NextJsBasics #NextJsForBeginners #ReactVsNextJs #ServerSideRendering
Why learn Next.js?
With frameworks like React and Angular, you're essentially pushing big JavaScript packages to clients which first have to download the small HTML pages. Everyone suffered as a result of this. Clients experienced longer load times. Browsers had to work hard to run JS (browsers parse and run HTML/CSS very efficiently). And search engines like Google and Bing struggled to understand what your page was about because your source code never included the actual content. It was always included somewhere in your JS package.
With Next.js, you could now write React code, run it on the server (which is more powerful than your average client device – such as a mobile phone), and then send the HTML document to the client.
If you found the video valuable, please leave a like and subscribe ❤️ It will help the channel grow.
About Me:
I'm an ETC graduate. I got the Excellence in Innovation Award from Cisco and Nasscom.
Connect with me:
📸 Instagram: / devmrugank
📸 Facebook: / 148140087320094
📝 LinkedIn: / mrugank-ray-543886149
📂 GitHub: https://github.com/mrugankray
📧️ Gmail: https://[email protected]
🌎 Personal website: https://mrayonline.web.app/