video1.0<iframe src="https://www.loom.com/embed/684b2c6a523a468e930a41483d28c2f3" frameborder="0" width="1728" height="1296" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>12961728Loomhttps://www.loom.com12961728https://cdn.loom.com/sessions/thumbnails/684b2c6a523a468e930a41483d28c2f3-00001.gif1057.5666666666648In this video, I provide a concise overview of Next.js version 13 using app router. I explain the differences between client-side rendering and server-side rendering, highlighting the benefits of server-side rendering for SEO. I also discuss static site generation and its advantages and limitations. Additionally, I walk you through the process of setting up a Next.js project with app router and demonstrate page-based routing. I explain how to fetch data on the server side and the client side, and I showcase dynamic routing using parameters. Finally, I suggest some ways to extend the project, such as implementing context and adding a shopping cart. Watch the video to learn more about Next.js 13 and app router! 🎬