MENU

Fun & Interesting

Build a Nextjs Learning Management App | AWS, Docker, Lambda, Clerk, DynamoDB, ECR, S3, Shadcn, Node

EdRoh 88,631 3 months ago
Video Not Working? Fix It Now

Learn to build an enterprise level full stack learning management application with Clerk ⭐ **Clerk**: https://go.clerk.com/wCVyLgx 🛠 Code Links ⭐ Completed Code: https://github.com/ed-roh/learning-management ⭐ Diagrams: https://edroh.com/subscribe/learning-management ⭐ Assets: https://drive.google.com/drive/folders/1mChm98ccDYXpFXpgyy431u8uk0uLe8M5?usp=sharing Frontend Links ⭐ **Hello-Pangea Dnd**: https://github.com/hello-pangea/dnd 🌟 ⭐ **Shadcn**: https://ui.shadcn.com/docs 💎 ⭐ **Shadcn Sonner**: https://ui.shadcn.com/docs/components/sonner 🛎 ⭐ **Shadcn React Hook Form**: https://ui.shadcn.com/docs/components/form 📋 ⭐ **React Hook Form**: https://react-hook-form.com/get-started 🎯 ⭐ **Zod**: https://zod.dev/?id=table-of-contents ✅ ⭐ **Redux Toolkit**: https://redux-toolkit.js.org/ 🚀 ⭐ **Redux Toolkit Query**: https://redux-toolkit.js.org/rtk-query/overview 🔄 ⭐ **React Filepond**: https://github.com/pqina/react-filepond 📂 ⭐ **React Player**: https://github.com/cookpete/react-player 🎥 ⭐ **Stripe**: https://docs.stripe.com/get-started 💳 ⭐ **Stripe GitHub**: https://github.com/stripe/react-stripe-js 🛒 Backend Links ⭐ **Local DynamoDB**: https://docs.aws.amazon.com/amazondynamodb/latest/developerguide/DynamoDBLocal.DownloadingAndRunning.html 🗄 ⭐ **Nosql Workbench**: https://docs.aws.amazon.com/amazondynamodb/latest/developerguide/workbench.settingup.html 🛠 ⭐ **Postman**: https://www.postman.com/downloads/ 🌐 ⭐ **Dynamoose**: https://dynamoosejs.com/guide/Dynamoose ⚡ ⭐ **AWS Free Tier**: https://aws.amazon.com/free/ 💸 ⭐ **AWS S3**: https://aws.amazon.com/s3/ 📦 ⭐ **AWS Cloudfront**: https://aws.amazon.com/cloudfront/ 🌍 ⭐ **AWS ECR**: https://aws.amazon.com/ecr/ 🐳 ⭐ **Docker**: https://www.docker.com/ 🏗 Description: Build a Scalable Learning Management Application with **Next.js**, **Node.js**, and **AWS**. Learn to create an enterprise-grade Learning Management Application using: - **Frontend:** Next.js, Redux Toolkit, Tailwind CSS, Shadcn, TypeScript, Framer Motion, React Hook Form, Zod, and Stripe. - **Backend:** Node.js, Express.js, Docker, AWS Lambda, API Gateway, DynamoDB, S3, and CloudFront. - **Authentication:** Simplified with Clerk. - **Hosting:** Vercel for the frontend. This step-by-step tutorial is perfect for developers looking to build scalable and robust full-stack applications with modern tools and AWS services. Chapters: 0:00 Intro & Demo 14:06 Installations 16:11 Frontend Install 36:00 Landing Pages 1:09:00 Data Modeling 1:21:32 DynamoDB 1:29:06 Backend Install 1:46:22 Landing Pages Finish 2:55:28 Clerk Authentication 4:16:36 Settings Page 4:58:51 Checkout Page 6:25:02 Billing Page 6:43:07 Course Edit Page 8:08:15 Course View Page 8:34:30 Repo and Final Touches 9:02:46 Docker 9:11:42 AWS Intro 9:13:16 AWS Budget 9:18:46 AWS Deleting 9:20:33 AWS Architecture 9:25:47 AWS IAM 9:30:06 AWS ECR 9:34:30 AWS Lambda 9:41:22 AWS Api Gateway 9:44:30 Frontend Deployment 9:48:51 AWS S3 and Cloudfront

Comment