Build An E-Commerce Application in GraphCMS , REACT.JS , STRIPE | HyGraph CMS setup & integration
Let's Build An E-Commerce Application in GraphCMS , REACT.JS , STRIPE | HyGraph CMS setup & integration
Here in this tutorial we will build an e-commerce app using headless CMS. We are using HyGraph CMS which is very easy to integrate and required zero setup at all. We will also learn to integrate payment using stripe payment checkout option. This will be our full stack project and we will learn the concept of Context API also. Stay tuned for the next part.
Timestamps
00:00:00 - Intro
00:00:57 - Demo
00:04:10 - GraphCMS Setup & Configuration
00:07:35 - Modals & Schema Creation
00:19:25 - Project Setup
00:22:23 - Dependency installation
00:27:00 - Navbar Component
00:43:40 - Products Component
01:10:30 - Single Product Detail Component
01:28:00 - Product Cart Component
01:51:05 - SearchBar Component
01:58:00 - Outro
🧠Concepts Covered
✔ HyGraph CMS setup and Integration
✔ Creating Models and Schema in HyGraph Dashboard
✔ Creating our content & adding validation
✔ Generating query with GraphQL
✔ Creating our frontend
✔ Build UI for Checkout
Join this channel to get access to perks:
/ codewithakky
Clone Projects Playlist - • App Clone Projects In ReactJS
ReactJS Project Playlist - • ReactJS Projects
JavaScript Project Playlist - • JavaScript Projects
If You like the video then make sure to drop the like button.
Stay Tuned and Do Subscribe my Channel and hit the bell icon.
✔Real - Time - Weather - Application Project in Javascript using Weather API
link - • Weather Application in JavaScript | हिंदी ...
In hurry
🧊How to Build and solve Rubik's Cube in Java Processing
✔ • How to solve Rubik's Cube in Java Processi...
📚Material/References
For google Fonts
✔https://https://developers.google.com/fonts/d...
📇Find me here
github: https://github.com/akkySrivastava
blogger: https://akkyprojects.blogspot.com
website: https://codewithakky.blogspot.com
instagram: / code_with_akky
facebook: / akkyprojects
telegram: https://t.me/CodeWithAkky
discord: / discord
Code With Akky
BUILD LUDO GAME in JavaScript
• Build Ludo Game in HTML CSS & JavaScript |...
BUILD RUBIK's CUBE in Java 3D Processing [Part 3]
• How to solve Rubik's Cube in Java Processi...
BUILD RUBIK's CUBE in Java 3D Processing [Part 2]
• How to solve Rubik's Cube in Java Processi...
BUILD RUBIK's CUBE in Java 3D Processing [Part 1]
• How to solve a Rubik's Cube in Java Proces...
SNAKE GAME IN JAVA
• Snake game in Java in 5 mins | How to buil...
Hotel Management System in Java
https://www.youtube.com/watch?v de=uxld-dN-ErQ&list=PLjMANImCvBomBtMroMyOEuzmLXRgooqIl
University Management System in Java
• University Management System Project in Ja...
Visit Our Website
https://akkyprojects.blogspot.com
TIC-TAC-TOE GAME IN JAVA
• Tic Tac Toe Game in Java in 5 minutes. | ...
#codewithakky