{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/684b2c6a523a468e930a41483d28c2f3\" frameborder=\"0\" width=\"1728\" height=\"1296\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1296,"width":1728,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1296,"thumbnail_width":1728,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/684b2c6a523a468e930a41483d28c2f3-00001.gif","duration":1057.5666666666648,"title":"A Brief Overview of Next.js Version 13 Using App Router 🎥","description":"In 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! 🎬"}