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

0

1

2

3

4

5

Posted on 13 Oct 12:23 | by oaxino | 0 views

Next Js 13 Question And Answer Platform (Stack-Overflow)
Published 10/2023
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 2.03 GB | Duration: 3h 34m

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

Screenshots