Join this channel to get access to perks: https://www.youtube.com/channel/UCu4-4FnutvSHVo9WHvq80Ww/join

👨‍💻 Source code:

1. Join the Level up member in this channel to access all source code
2. https://ckmobile.gumroad.com/l/create-app-with-nextjs
3. https://www.udemy.com/course/complete-nextjs-course-for-beginners/?referralCode=CCEB8CDBE40B257FBB8A

00:00 nextjs 01 create nextjs app 05:39 nextjs 02 use getStaticProps to get user data 08:22 nextjs 03 add active class with useRouter 10:59 nextjs 04 create card components 14:55 nextjs 05 nextjs link 17:59 nextjs 06 custom error page 21:15 nextjs 07 index nested and dynamic routes 25:23 nextjs 08 getStaticPaths 30:09 nextjs 09 image components 35:52 nextjs 10 Add button, background image

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 🔥Complete Courses🔥 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Gumroad Web and mobile complete courses https://app.gumroad.com/ckmobile

Complete CSS course https://www.udemy.com/course/draft/4112256/?referralCode=D70F3923FF6501A398AA

React native Expo for multiplatform mobile app development https://www.udemy.com/course/react-native-expo-for-multiplatform-ios-android-mobile-app-development/?referralCode=2FA276AA4E55CE5A2A39

Complete NodeJS course with express, socket io and MongoDB https://www.udemy.com/course/create-nodejs-app-with-express-socket-io-and-mongodb/?referralCode=4B0B97AD4B1908DD6588 Complete Progress Web App BootCamp https://www.udemy.com/course/complete-progressive-web-app-bootcamp/?referralCode=E04DAFEDCE920AB6EA55

Complete Modern JavaScript BootCamp from the beginning https://www.udemy.com/course/complete-modern-javascript-with-firebase-bootcamp-for-beginners/?referralCode=6AF7AA3DB6AD6B880D66

React - The Complete Guide with React Hook Redux 2020 in 4hr https://www.udemy.com/course/complete-react-course-w-hooks-react-router-redux-usecontext/?referralCode=B192869617ADE079536F

Vue JS and Firebase:Build an iOS and Android chat app [2020] https://www.udemy.com/course/vuejs-and-firebase-build-an-ios-and-android-chat-app/?referralCode=D959334D3BC5DB1FDF53

New SAT Math Course https://www.udemy.com/course/new-sat-math-complete-course/?referralCode=4E1A982C127EA13EB3D8

New SAT Math Practice Test Explain https://www.udemy.com/course/new-sat-maths-explain/?referralCode=ABD0C235875F55CB6F5F

Get A* in GCSE Maths (Quadratic equations and graph) https://www.udemy.com/course/get-a-in-gcse-maths-quadratic-equations-and-graph/?referralCode=2E4D7672FE3571F59DF8

Why need to learn Next.jsUsing server-side rendering, Next.js overcomes both of these issues. Next's framework makes it easy to write scalable, performant React programs without having to worry about settings. That's why so many companies depend on Next for shipping production applications.

Server Side rendering

When developers recognized that pushing too much React code to the client was a problem, they wondered if it was possible to code in React while still sending HTML documents to clients.

After all, all you have after the React code has finished processing is an HTML document.

So they went ahead and did it. SSR (Server-Side Rendering) for React was created.

With SSR, you can now write React code, run it on the server (which is more powerful than a typical client device, such as a smartphone), and then deliver the HTML document to the client.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 💟Follow me ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ‣‣ Udemy ► https://www.udemy.com/user/cyruschan2/ ‣‣ Twitter ► https://twitter.com/ckmobilejavasc1 ‣‣ Facebook ► https://www.facebook.com/javascript.ck/ ‣‣ Instagram ► https://www.instagram.com/ckmobile8050/

Equipment that I use

Macbook Pro

https://amzn.to/2CC41HV

Blue Yeti USB mic

https://amzn.to/3jf3gph

Camtasia

https://amzn.to/30aopbg

#javascript #webdevelopement

next js tutorial server side rendering vs client side rendering ... https://www.youtube.com/watch?v=4Wl0DXCpkuo