Next Js 13 Question And Answer Platform (Stack-Overflow)

Build a Question and Answer Platform using hot and latest technologies like Next JS , Clerk AUTH

What you'll learn

Build a real world project using the hot and trending technologies like Next JS , Clerk , Mongo DB etc

Implement Full-stack Authentication using CLERK.

Protect API's and Pages using CLERK middlewares.

Build smooth and fancy UI components with the latest UI Component library NEXT UI

Implement both data fetching techniques (SSR , CSR) based on page requirements

Post questions/doubts in platform and edit or delete them from user profile.

Users can give answers to the existing questions and write comments to the answers.

Users can edit their answers , comments anytime from the user profile.

Users can also save the questions for the future references , they can access the saved questions also from the user profile.

Requirements

Next JS 13 Basics

Strong React and Java-script Fundementals

Description

Hi, Are you ready to take your web development skills to the next level? Then you are in the right place.Welcome to the course Next JS 13 Question and Answers Platform App (Stack - Overflow)In this course, we are going to work on the following functionalities.Build a real world project using the hot and trending technologies like Next JS , Clerk , Mongo DB etcImplement Full-stack Authentication using CLERK.Protect API's and Pages using CLERK middlewares.Build smooth and fancy UI components with the latest UI Component library NEXT UIImplement both data fetching techniques (SSR , CSR) based on page requirementsPost questions/doubts in platform and edit or delete them from user profile.Users can give answers to the existing questions and write comments to the answers.Users can edit their answers , comments anytime from the user profile.Users can also save the questions for the future references , they can access the saved questions also from the user profile.Next.js is a React framework that gives you building blocks to create web applications.By framework, we mean Next.js handles the tooling and configuration needed for React, and provides additional structure, features, and optimizations for your application.You can use React to build your UI, then incrementally adopt Next.js features to solve common application requirements such as routing, data fetching, integrations - all while improving the developer and end-user experience.Whether you’re an individual developer or part of a larger team, you can leverage React and Next.js to build fully interactive, highly dynamic, and performant web applications.

Overview

Section 1: Introduction

Lecture 1 Project Setup

Lecture 2 Next UI Library Setup

Lecture 3 Overriding Next UI Components

Section 2: Authentication with CLERK

Lecture 4 Setup Clerk

Lecture 5 Implement CLERK Authentication

Lecture 6 Logout Bug Fix

Section 3: Layout

Lecture 7 Design Layout

Lecture 8 Show Current User

Section 4: Database Setup and Saving User

Lecture 9 Setup Mongo DB

Lecture 10 Setup User and Register API

Section 5: Creating Questions

Lecture 11 Add Question Form

Lecture 12 Including Code Editor In Question Form

Lecture 13 Question Model and API

Lecture 14 Integrate add question and API

Section 6: Profile and Edit/Edite Questions

Lecture 15 Creating Profile Page

Lecture 16 Get Questions SSR

Lecture 17 Display Asked Questions

Lecture 18 Edit Question

Lecture 19 Delete Question

Students who want enhance their knowledge in full-stack web development by building real world projects,Students who has basic good frontend knowledge and wants to enhance their skill in backend