Learn how to build an incredible e-commerce webshop with an admin dashboard and CMS using Next 14, Stripe, TypeScript, and Payload CMS.
⭐ Payload CMS: https://payloadcms.com/new?utm_source=youtube&utm_medium=video&utm_campaign=jsmastery
???? Become a top 1% Next.js 14 developer in only one course: https://jsmastery.pro/next14
???? Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/ecommerce
Payload is open-source (give them a star too ⭐): https://github.com/payloadcms/payload
Code and Assets: https://github.com/adrianhajdin/ecommerce/blob/main/code.md
???? Join our Discord Community - https://discord.gg/n6EdbFJ
???? Follow us on Twitter: https://twitter.com/jsmasterypro
????️ Follow us on Instagram: https://instagram.com/javascriptmastery
???? Business Inquiries: contact@jsmastery.pro
Time Stamps ????
00:00:00 - Intro
00:03:33 - Payload Setup
00:08:05 - Code Setup
00:16:55 - Folder Structure
00:27:41 - Header
00:43:37 - Footer
01:04:41 - Login Page
01:10:53 - Create Account Page
01:14:32 - Recover Password
01:19:58 - Hero Section
01:34:30 - Categories Section
01:56:47 - Promotion Section
02:03:51 - Products
02:13:16 - Filters
02:25:53 - Product Card
02:38:42 - Product Details Page
02:45:58 - Related Products
02:55:36 - Cart Page
03:20:00 - Stripe
03:25:15 - Checkout
03:29:11 - Order Confirmation Page
03:31:00 - Challenge
03:33:56 - Deployment
⭐ Payload CMS: https://payloadcms.com/new?utm_source=youtube&utm_medium=video&utm_campaign=jsmastery
???? Become a top 1% Next.js 14 developer in only one course: https://jsmastery.pro/next14
???? Materials/References:
GitHub Repository (give it a star ⭐): https://github.com/adrianhajdin/ecommerce
Payload is open-source (give them a star too ⭐): https://github.com/payloadcms/payload
Code and Assets: https://github.com/adrianhajdin/ecommerce/blob/main/code.md
???? Join our Discord Community - https://discord.gg/n6EdbFJ
???? Follow us on Twitter: https://twitter.com/jsmasterypro
????️ Follow us on Instagram: https://instagram.com/javascriptmastery
???? Business Inquiries: contact@jsmastery.pro
Time Stamps ????
00:00:00 - Intro
00:03:33 - Payload Setup
00:08:05 - Code Setup
00:16:55 - Folder Structure
00:27:41 - Header
00:43:37 - Footer
01:04:41 - Login Page
01:10:53 - Create Account Page
01:14:32 - Recover Password
01:19:58 - Hero Section
01:34:30 - Categories Section
01:56:47 - Promotion Section
02:03:51 - Products
02:13:16 - Filters
02:25:53 - Product Card
02:38:42 - Product Details Page
02:45:58 - Related Products
02:55:36 - Cart Page
03:20:00 - Stripe
03:25:15 - Checkout
03:29:11 - Order Confirmation Page
03:31:00 - Challenge
03:33:56 - Deployment
- Catégories
- E commerce Divers
- Mots-clés
- javascript, javascript mastery, js mastery
Commentaires