You will love Next JS 13 Changes

You will love Next JS 13 Changes

·

2 min read

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

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)

  • 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

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.

Happy Coding

Keep Learning as i will keep posting latest stuff on my channel
https://www.youtube.com/user/vibbbbbba?sub_confirmation=1