What is NEXT.js and Server Side Rendering in next

2 years ago
425

The React Framework for Production.

Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.

React it's a JavaScript library that help us to build complex user interfaces a lot easier than it would be with just JavaScript. And Next.js is a Framework on top of React.

So the difference between a library and a Framework is that a Framework is bigger than a library, it has more features and multiple built in libraries.

So Next.js extends React capabilities, by giving us a SDK

Timestamp:
- 0:00 What is NEXT.JS
- 1:22 SSR - Main NextJS feature
- 1:33 SSR - React 18 & CSR
- 1:54 What are the differences between CSR vs SSR
- 2:00 CSR - Client Side Rendering
- 3:24 SSR - Server Side Rendering in Next.js
- 4:19 SSR - When to use SSR over CSR
- 5:05 A Demo of the website we will build
- 5:31 A sum up: What is NEXT.JS

Tags:
What is next.js,next js,next.js,nextjs,react,react next js,react next.js,nextjs13,next.js 13,next 13,what is server side,server side rendering,ssr,software engineering,software engineer,computer science,computer science degree,software,technology,computerscience,web development,react framework,javascript library,learn to code,next js tutorial,next js tutorial for beginners,coding,@timetocode_with_ali,Main NextJS feature,Server Side Rendering in Next.js

cc: videos credits
Thank you Pexel, for letting me use your amazing videos
https://www.pexels.com/

Sound effects: https://mixkit.co/free-sound-effects/
Sound music: https://mixkit.co/free-stock-music/ambient/
a href="https://www.flaticon.com/free-icons/server" title="server icons" Server icons created by srip - Flaticon
a href="https://www.flaticon.com/free-icons/js" title="js icons" Js icons created by Freepik - Flaticon
a href="https://www.flaticon.com/free-icons/html" title="html icons" Html icons created by catkuro - Flaticon
a href="https://www.flaticon.com/free-icons/load" title="load icons" Load icons created by Freepik - Flaticon

Loading 1 comment...