# You will love Next JS 13 Changes

Guys,

Welcome to my new tech toy (Next JS 13)  
Recently I am exploring next js 13 which looks really nice when i am trying to write basic demo apps.

[https://github.com/tkssharma/nextjs-training-2023](https://github.com/tkssharma/nextjs-training-2023)

<iframe src="https://www.youtube.com/embed/tSfKoY2Zzf8?list=PLIGDNOJWiL1-qK8XrRkMlLwYCSuVWCPZp" width="700" height="393" frameborder="0" scrolling="no"></iframe>

Let’s go through some of the plug-and-play tools of Next JS, for reading about what is new in Next JS then official Docs and very good to know more about it ([https://nextjs.org/blog/next-13](https://nextjs.org/blog/next-13))

*   app Directory (beta): Easier, faster, less client JS.
*   Layouts
*   React Server Components
*   Streaming
*   Turbopack (alpha): Up to 700x faster Rust-based Webpack replacement.
*   New next/image: Faster with native browser lazy loading.
*   New @next/font (beta): Automatic self-hosted fonts with zero layout shift.
*   Improved next/link: Simplified API with automatic.

Playlist  
[https://www.youtube.com/watch?v=tSfKoY2Zzf8&list=PLIGDNOJWiL1-qK8XrRkMlLwYCSuVWCPZp](https://www.youtube.com/watch?v=tSfKoY2Zzf8&list=PLIGDNOJWiL1-qK8XrRkMlLwYCSuVWCPZp)

This playlist talk about all the changes in next js and how we can build next js 13 apps, we are looking into major topics like

*   server components
*   /app directory-based routing
*   client and server-based components
*   adding loading and error pages for routes
*   nested layouts in the next js
*   data fetching in server components
*   async loading and suspense API with sync components
*   nest js page based API
*   accessing ORM and database from server components and page APIs
*   Demo showcase applications like movies app, smart project manager with tasks
*   session management with user login and register
*   state management in client-based components
*   deployment of next js to netlify/vercel

I will keep adding more videos to this playlist as I am loving the changes next js 13 provides, my main relief is now we don’t have these getServerSideProps and getStaticPaths-like methods to fetch data in server-side pages

Everything is simplified and it looks more like svelte-kit latest changes, sveltekit also gone through major changes and it follows the same aspects like folder-based routes and data fetching mechanism.

<iframe src="https://www.youtube.com/embed/Ggoxm6GOnys?list=PLIGDNOJWiL1-qK8XrRkMlLwYCSuVWCPZp" width="700" height="393" frameborder="0" scrolling="no"></iframe>

Happy Coding

Keep Learning as i will keep posting latest stuff on my channel  
[https://www.youtube.com/user/vibbbbbba?sub\_confirmation=1](https://www.youtube.com/user/vibbbbbba?sub_confirmation=1)