Let's Build 3 Full Stack Projects with Next.js 14

In this 12 hour video we will be building 3 Full Stack projects with Next.js 14 from scratch! You will learn how to use server actions, MongoDB database, Prisma, Tailwind CSS and much more! 😀 DevThreads Files 👕 GitHub Repo: https://github.com/DevAntonioRogers/next14-devthreads-ecommerce GitHub Gist: https://gist.github.com/DevAntonioRogers/7396a79979c5737213630af279a59bb3 Site Images: https://drive.google.com/drive/folders/1VrdVkirft7WJBnn0gIOfah-FUM9WePZP?usp=sharing Workify Files 🏢 Site Images: https://drive.google.com/drive/folders/145NM1ozmOdl3IzkrmXyoYmGQ0GyPHLc0?usp=sharing Github Repo: https://github.com/DevAntonioRogers/next14-joblisting-website CodeQuiz Files 🙋 Github Repo: https://github.com/DevAntonioRogers/next14-quiz Github Gist: https://gist.github.com/DevAntonioRogers/717151383c58accfdae210b8127a6673 ⌚ Timestamps 00:00 - Introduction 00:38 - DevThreads Demo 4:05 - DT: Next.js 14 Setup, Prisma and Nextauth Packages Install 8:00 - DT: MongoDB Setup 11:09 - DT: Prisma Schema 22:25 - DT: NextAuth Api Route 31:16 - DT: Navbar 1:00:32 - DT: Next.js Js Fonts 1:02:47 - DT: Auth Context 1:06:00 - DT: getUserSession Action 1:07:25 - DT: getCurrentUser Action 1:11:49 - DT: Passing User to Navbar Component 1:14:48 - DT: Sign In Page 1:15:14 - DT: Sign Up Page 1:16:21 - DT: Button Component 1:21:13 - DT: Input Component 1:30:29 - DT: Sign Up Form Component 1:40:57 - DT: Next.js 14 Server Actions 2:02:47 - DT: Sign In Form Component 2:19:27 - DT: NEXTAUTH SECRET 2:21:17 - DT: Hero Section with Swiper.js 2:28:51 - DT: Info Component 2:33:00 - DT: Stripe.js Install 2:34:16 - DT: Stripe Setup 2:36:56 - DT: Adding Top Rated Products 2:40:45 - DT: getStripeProducts action 2:52:41 - DT: Top Rated Products Component 2:59:46 - DT: ProductCard Component 3:16:57 - DT: Shopping Cart Setup 3:19:02 - DT: Zustand Checkout Store Setup 3:25:04 - DT: useShopping Cart Setup 3:27:05 - DT: AddToCart Button Component 3:35:24 - DT: CartContext 3:40:57 - DT: CartIcon Component 3:46:07 - DT: Cart Page Styling 4:11:26 - DT: Create Order API Route 4:28:05 - DT: Update Order Status API Route 4:31:11 - DT: OrderId API Route 4:34:33 - DT: Checkout Component 4:51:47 - DT: Checkout Form Component 5:09:06 - DT: formatPrice Util 5:14:10 - DT: Testing Checkout 5:18:30 - DT: Zustand Wishlist Store 5:21:44 - DT: AddToWishlist Button 5:27:06 - DT: Wishlist Icon Component 5:30:27 - DT: Wishlist Page Styling 5:38:16 - DT: Banner Component 5:40:27 - DT: Footer Component 5:49:24 - DT: New Products Component 5:53:49 - DT: User Dashboard Styling 6:09:37 - DT: Shop Page 6:27:22 - DT: Contact Page Styling 6:40:08 - DT: Few Fixes 6:44:35 - Workify Demo 6:46:38 - WK: Project Start and Prep 6:52:29 - WK: Navbar 7:06:38 - WK: Hero Section 7:13:01 - WK: Prisma and Railway Setup 7:19:29 - WK: EdgeStore Setup 7:25:10 - WK: Button and Input UI Components 7:44:30 - WK: Create a Job Funtionality 8:26:15 - WK: Zustand Setup 8:29:52 - WK: Search Form Styling and Functionality 8:42:32 - WK: Jobs Card and Dynamic Routes 9:19:42 - WK: Sponsors Section 9:24:51 - WK: About Section 9:28:15 - WK: Contact Section 9:35:13 - WK: Footer Component 9:37:32 - WK: Final Fixes 9:39:10 - CodeQuiz Demo 9:40:44 - CQ: Project Start and Prep 9:44:12 - CQ: Authentication with Clerk 9:53:10 - CQ: Prisma and MongoDB Configuration 9:59:39 - CQ: Next.js 14 Server Actions 10:07:28 - CQ: Layout Provider 10:19:13 - CQ: Navbar Component 10:33:50- CQ: Hero Component 10:39:38 - CQ: Footer Component 10:43:51 - CQ: Sanity Configuration 10:53:44 - CQ: quizResults API Route 10:57:14 - CQ: Quiz Component 11:37:45 - CQ: Leaderboards Page 11:47:18 - CQ: User Stats Page