30-days Money-Back Guarantee
Learn how to use React(NextJS), HyGraph(GraphCMS), GraphQL, Figma, Styled Components, EmailJS, Auth0 and PayPal
Updated on Sep, 2026
Design, Web Design, Figma
Duration - 14.5 hours
Training 5 or more people ?
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
If you are a beginner web developer with React, then this course is a great match for you.
This is a project-based course that covers all the steps to build a fully functional e-commerce website from scratch.
I will show you HOW to use all of those technologies, tools, and services together in one full project, and we will start from the idea, design the frontend with Figma, which is the best free design tool today, then create and manage the products in the backend with the excellent CMS from Hygraph ( rebranding from GraphCMS ), then we will fetch the products using GraphQL For the frontend, we will use NextJS, which probably you already know is a React Framework, then we will implement authentication and protected routes with Auth0, add payments with PayPal, and we will have fully functional cart page and contact page with a form in it that actually sends emails using EmailJS
After we are done with the coding, we will push the code on GitHub, then link our GitHub repo with our account on Vercel, where we are going to deploy our project live online for free.
And best of all, all of this by using only free tools and services.
Knowledge of basic programming concepts
Familiarity with the basics of JavaScript, HTML, CSS and React
Desire to learn and to code
Check out the detailed breakdown of what’s inside the course
used to work in customer care department in the IT sector, but after many years, i switched to Photo editing and Web Development and i love it :)
Learning web development is very interesting and can be very fun, but its not easy at all, especially in the beginnings when you have no clue what goes where.. , and that's why i decided to offer my help to beginners who struggle with it as i did as a self thought web developer.
Use your certificate to make a career change or to advance in your current career.
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Master prominent technologies at full length and become a valued certified professional.