Full Stack Next.js 14 Ecommerce In Arabic 2024 | Next.js 14, React.js, TailwindCss, Strapi, Stripe

مشروع Next.js 14 كامل مع Strapi CMS واستخدام Tailwind Css و Stripe Payment



source code : https://github.com/Selim-Dev/ecommerc...
Clerk: https://clerk.com
Stripe : https://stripe.com
Strapi: https://strapi.io/

للدعم علي باتريون - Patreon
Patreon: alisleem

TimeCodes
0:00:00 - Intro
0:04:16 - Project Installation
0:05:40 - Project Files
0:15:15 - Customize Header

#programming #backend #webdevelopment #frontend #coding #inspirational #react #node.js #express.js #nest.js

للتواصل والاستفسارات
Facebook: Facebook: DevelopmentDose
Instagram: Instagram: sleemovich


0:18:33 - Change Logo
0:20:25 - Change Theme Colors in Tailwind
0:24:00 - Hero Section using Hyper UI
0:27:44 - Change Font in Next.js 14
0:29:00 - Create Strapi Application
0:33:00 - Strapi Overview
0:42:46 - Cloudinary Integration with Strapi
0:50:00 - How to Fetch Data in Next.js 14
1:06:00 - Product List Component
1:31:00 - Product Details
2:01:43 - Skeleton Loading Effect
2:06:42 - Authentication with Clerk
2:26:00 - Working On Cart
2:48:00 - Cart Component
2:54:42 - Cart Page
3:05:05 - Checkout & Stripe
3:30:15 - Sending Email in Next.js 14

• #education
• #programming
• #backend
• #webdevelopment
• #frontend
• #coding
• #inspirational
• #react
• #nodejs
• #expressjs
• #nestjs
• #nextjs
• #nextjs
• #javascript
• #typescript
• #html
• #css
• #tailwindcss
• #docker
• #linux