Next.js 13 Bootcamp - From Scratch to Full-stack App 2023

Learn Next JS 13 From Scratch , Build a Full-stack Task Manager App with Next JS , Typescript , Tailwind CSS .

Ratings: 4.23 / 5.00




Description

Hello! Welcome to the Next.js 13 Bootcamp - where we'll take you from scratch to building a full-stack app. As you may be aware, Next.js has emerged as one of the most popular web development frameworks in 2023. So, if you come from a web background, learning Next.js would undoubtedly be a beneficial choice for you.


These course will be having the duration of total 10 Hours . In that we will use 50% of the time to cover all the topics in Next JS and then remaining 50% of the time we will build a full stack task manager project by implementing all the concepts which we cover in first 5 Hours.


  Topics we will cover in first 5 Hours


  1. What is Next.js? How is it different from React.js? What are the advantages of Next.js over React.js?

  2. Folder Structure of New Next JS App

  3. Understanding next js static and dynamic pages

  4. App Router Features like Layout , Middleware , Errors

  5. Next JS Sever Components and Client Components

  6. Rendering , Data Fetching , Performing interactions in both client and server components

  7. Next JS API's

  8. Difference between Next JS API's and Third party server API's

  9. Next JS with Mongo DB

  10. Connecting to Mongo DB and Performing all CRUD operations

  11. Working with POSTMAN and Mongo DB

  12. Implementing Redux Toolkit to manage global state


Project - Task Manager

  1. Login and Register Pages using Tailwind CSS

  2. Authentication API's with JWT Tokens for authorization.

  3. Protecting Routes and API's from unauthorized users.

  4. Tasks CRUD operation with Mongo DB and Next JS APIS

  5. Dashboard with Tasks Reports

  6. Filters using Server Side Rendering

  7. Deployment to Vercel


Next.js is a popular JavaScript framework for building server-side-rendered React applications. Next.js v13 was released by Vercel at the Next.js conference in October 2022, bringing many new features and improvements. Understanding the complexities of this latest version is essential for developers to utilize its capabilities and build efficient and scalable applications effectively. This article will cover various aspects of the new version, including its unique features, changes from previous versions, and tips for overcoming any challenges that might arise while working with it.


Prerequisites

Must have good knowledge on how React Framework works behind the scenes

Basic knowledge about API's , Endpoints , Request , Response is required to understand the Next JS

Strong knowledge on HTML , CSS , Javascript

A computer / laptop of atleast 4GB Ram with good internet connection

What You Will Learn!

  • Next JS vs React JS
  • Server Side Rendering vs Client Side Rendering
  • Development of Full-stack apps using Next JS
  • Next JS Server Components and Client Components
  • Understand Next JS API's
  • Next JS 13 App Router Features like pages , api , middleware , layout , loading etc.
  • Understanding how cache works in Next JS server components
  • Building a Task Manager application at the end of this course

Who Should Attend!

  • Next JS Developers
  • Fullstack Developers
  • Front end developers
  • Students who want to build full-stack apps with single framework