🌟 Support the author: https://donationalerts.com/r/TeaCoder
🔗 Project on the website: teacoder.ru/projects/internet-magazin-s-cms
📢 Join the Telegram channel: https://t.me/TeaCoder_official
In this video, we will create a fully functional online store with a CMS using the modern stack of Next.js, NestJS, and Prisma. We will also implement authorization through Google and Yandex, providing users with a convenient and secure way to log in. The result will be a high-performance and scalable e-commerce solution with a user-friendly content management panel.
🎯 What we will implement in the video:
- 🛠️ Full-stack implementation
- 🔑 Social media authorization (Google and Yandex)
- 📊 Cool statistics output for each store
- 🛒 Store management
- 💳 Payment via Yookassa
🛠️ Project stack: Next.js, Shadcn UI, Tailwind, Redux Toolkit, Nest.js, PostgreSQL, Prisma, TypeScript
🕒 Timestamps:
00:00:00 - Intro and Demo
00:07:30 - Backend setup
00:11:13 - Database schema
00:24:40 - Authorization
01:13:30 - Generating entities
01:15:04 - Entity for users
01:19:30 - Entity for stores
01:30:28 - Entity for colors
01:39:42 - Entity for categories
01:43:03 - Entity for files
01:50:32 - Entity for products
02:06:48 - Entity for reviews
02:17:41 - Entity for orders
02:35:45 - Entity for statistics
02:41:15 - Frontend setup
03:01:06 - All types
03:08:47 - Configs for links
03:15:15 - Axios interceptors
03:24:53 - All services
03:33:42 - Login page
04:03:47 - Middleware
04:08:15 - Store Layout
04:33:16 - Switching stores
04:58:12 - Store statistics
05:30:33 - Store settings
05:49:36 - Products table
06:13:03 - Product form
06:26:47 - Image upload
06:41:41 - Colors
06:47:32 - Categories
06:50:45 - Reviews
06:52:36 - Main Layout
07:07:18 - Main page
07:13:43 - Catalog component
07:20:39 - Category page
07:26:12 - Explorer
07:30:58 - Favorites
07:32:23 - My orders
07:35:43 - Product page
07:55:50 - Cart + Payment
08:08:09 - End
#NextJS #NestJS #Prisma #CMS #Ecommerce #WebDevelopment #JavaScript #TypeScript #TeaCoder