Build an e-store using Next.js(v12), Figma, GraphQL, PayPal.
Learn how to use React(NextJS up to v13.0.6), HyGraph, GraphQL, Figma, Styled Components, EmailJS, Auth0 and PayPal
Description
If you are a beginner web developer with React then this course is great match for you.
This is a project based course which covers all the steps to build a fully functional ecommerce 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 we will 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 its a React Framework, then we will implement authentication and protected routes with Auth0, add payments with PayPal, 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 the best of all.. all of this by using only free tools and services.
What You Will Learn!
- Design using Figma
- Build the e-store frontend using NextJS
- Create, store and manage the e-store products using GraphCMS (Hygraph)
- Use GraphQL to get, add, and update products
- Add payments using PayPal
- Add authentication with Auth0
- Push the project's source code to GitHub
- Deploy the project on Vercel for free
Who Should Attend!
- Beginner React developers who want to build a complete project without too much backend