Learn NextJs (App Router) by building a full-stack Web App

Published 7/2023
Created by Pranjal Soni
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 22 Lectures ( 7h 9m ) | Size: 6.9 GB

Build a Full Stack Twitter Clone using NextJs 13 (app router) + Tailwind CSS + Supabase + Drizzle ORM

What you’ll learn
Learn to build a full-stack application using latest NextJs features
Learn to think in React
Learn to design full-stack web apps
Query and Mutate the data in database using the Drizzle ORM
Learn to build high quality and precise layouts using Tailwind CSS
Learn to authenticate users using Supabase Auth

Requirements
Basics of HTML, CSS, JS and ReactJs
Experience of building basics web apps

Description
Welcome to Full Stack NextJs (App Router) Course!This course is designed to teach you how to build a full stack web application from scratch using the Latest NextJs App Router, and the best part is, it is a project-based course. We will apply all the learnings and build a Twitter cloneWhether you are a beginner or an experienced React/NextJs developer, this course is perfect for anyone looking to learn how to build a full-stack web application using the latest technologies.Throughout the course, you will learn how to use Next.js to build the application’s front end. You will learn how to create pages and routes, work with server components and server actions, and use built-in development tools to make your development process faster and more efficient. You will also learn how to use Supabase and Drizzle ORM to build the back end of the application. You will learn how to create a database schema, work with data, and use the Supabase Client JS Library and Drizzle ORM to interact with the database.In addition to that, you will learn how to use Tailwind CSS to style the application. Tailwind is a utility-first CSS framework that makes it easy to create beautiful, responsive designs. You will learn how to use the built-in classes to style your application quickly and customize the design to match your brand. And you will learn how to use Zod for input validation. Zod is a powerful validation library that makes it easy to validate user input and ensure that your application is secure.By the end of this course, you will have a solid understanding of how to build a full-stack web application with all the latest Next.js features. You will also have a working Twitter clone at the end of this project. The course is designed to be hands-on and practical so that you will be building a real-world application throughout the course.So, if you’re ready to learn how to build a full-stack web application with Next.js for free, sign up for this course today! With clear explanations and practical examples, you can build your web application with confidence and ease.