Nom de fichier: | Udemy – Projet de boutique de commerce électronique Full Stack Next.js 14 avec paiements |
Source du contenu: | https://www.udemy.com/course/nextjs-14-e-commerce-masterclass-online-e-commerce-store/ |
Taille du fichier: | 13 Go |
Éditeur: | udemie |
Mis à jour et publié: | 20 août 2024 |
Dans ce cours complet, vous apprendrez à créer une boutique de commerce électronique professionnelle et complète en utilisant la dernière version de Next.js (Next.js 14). Cette masterclass vous emmène de la mise en place d’un puissant projet Next.js à la mise en œuvre de fonctionnalités avancées telles que la gestion de produits en temps réel, les paiements sécurisés et les éléments UI/UX modernes. À la fin de ce cours, vous aurez une compréhension approfondie de la façon de créer une plate-forme de commerce électronique prête pour la production avec un contenu dynamique, une authentification et un traitement des paiements.
Ce que vous apprendrez:
– Next.js 14: maîtrisez les dernières fonctionnalités de Next.js, notamment le rendu côté serveur, les routes API et les fonctions Edge.
– React & React DOM : Apprenez à créer des composants frontaux évolutifs et interactifs.
– Tailwind CSS et Tailwind Merge: créez des interfaces utilisateur modernes et réactives avec un CSS axé sur les utilitaires et une gestion efficace des styles.
– Intégration Stripe: mettez en œuvre un traitement des paiements sécurisé et fluide avec Stripe.
– MongoDB & Mongoose: stockez et gérez les données produit avec une base de données NoSQL et interagissez avec elle à l’aide de Mongoose.
– NextAuth pour l’authentification: sécurisez les comptes d’utilisateurs avec des flux d’authentification puissants à l’aide de NextAuth.
– Cloudinary & Multer pour la gestion des images: gérez le téléchargement et le stockage des images avec les derniers outils de traitement d’images.
– Framer Motion & Radix UI: ajoutez des animations raffinées et créez des composants d’interface utilisateur accessibles avec les bibliothèques Framer Motion et Radix.
– Zustand for State Management: gérez efficacement l’état des applications avec cette bibliothèque légère et puissante.
– Axios: récupérez en toute transparence les données des API et gérez les requêtes HTTP.
– Composants d’interface utilisateur Radix: créez des éléments d’interface utilisateur personnalisables et accessibles tels que des curseurs, des onglets, des commutateurs, etc.
Technologies couvertes:
1. Next.js 14:l’épine dorsale de votre application, offrant les dernières fonctionnalités en matière de rendu et de routage côté serveur.
2. React & React DOM : Création de composants interactifs et dynamiques.
3. Tailwind CSS et Tailwind Merge: pour le style et le comportement cohérent des composants.
4. Stripe & @stripe/stripe-js : traitement des paiements sécurisé pour les transactions de commerce électronique.
5. MongoDB & Mongoose: gestion de base de données flexible en mettant l’accent sur l’évolutivité du commerce électronique.
6. NextAuth: authentification des utilisateurs, gestion des sessions et itinéraires sécurisés.
7. Cloudinary, Multer et Multer-Storage-Cloudinary: gestion des images pour les catalogues de produits.
8. Framer Motion : animations fluides et effets d’interface utilisateur interactifs.
9. Composants de l’interface utilisateur Radix: contrôles de formulaire et éléments de mise en page hautement personnalisables et accessibles.
10. Zustand: gestion d’état légère pour des performances améliorées.
11. Axios: récupération de données efficace et intégration d’API.
12. Lucide React & React Icons : ensembles d’icônes riches en fonctionnalités pour une interface soignée.
13. React Dropzone: fonctionnalité de téléchargement de fichiers par glisser-déposer.
14. React Hot Toast: système de notification propre pour les commentaires des utilisateurs.
Ce cours est parfait pour les développeurs qui souhaitent améliorer leurs compétences en matière de développement front-end moderne, d’intégration du commerce électronique et de gestion de projet full-stack avec les derniers outils et technologies. Préparez-vous à faire passer vos compétences Next.js au niveau supérieur.
LIEN DE TÉLÉCHARGEMENT: Udemy – Projet de boutique de commerce électronique Full Stack Next.js 14 avec paiements
Nextjs_14_Full_Stack_Ecommerce_Store_Project_with_Payments.part1.rar – 4,9 Go
Nextjs_14_Full_Stack_Ecommerce_Store_Project_with_Payments.part2.rar – 4,9 Go
Nextjs_14_Full_Stack_Ecommerce_Store_Project_with_Payments.part3.rar – 3,2 Go