logo

The Blog Webapp

Portfolio

Samarth's Daily Blog

Welcome to Every Devlopers favourite blog in the Devosphere

New product features | The latest in technology | The weekly debugging nightmares & More!

Samarth Sheth

The Ultimate NEXT.JS 13 Tutorial

December 22, 2022

Samarth Sheth

Samarth Sheth

I've been coding for over 2 years now. As a Full Stack developer I've worked both with startups and large corporations to help build & scale their companies. Along the journey I realised my passion existed in helping others excel and pursue their dreams as upcoming developers.

Join me as I guide you through the newly released Next.js 13. We will be diving deeper into the new features of Next.js 13:

Learning Project

Blog Post Image

Introduction

Join me as I guide you through the newly released Next.js 13. We will be diving deeper into the new features of Next.js 13 such as:

Build Tech

  • How to smoothly transition from Next.js 12 to 13 by replacing getServerSideProps, getStaticProps & getStaticPaths using the new Next.js 13 alternatives! (Including ISR!)
  • How to implement the new app/ Directory
  • Explanation of the new Server components and when/how to use them!
  • Creating a Todo App with the new app/ Directory features
  • How to create a Client Side Component and When to Use it
  • How to create Dynamic routes inside /app directory
  • How we can use async/await in the server component to fetch all the todos!
  • How to utilise different types of caching & static params examples!
  • How to implement ISR (Incremental Static Regeneration) with next: revalidate
  • Showcasing how to use SSR (Server Side Rendering) with a search example

😱 BONUS: I will show you how to use React Suspense Boundaries!