We will create an e-commerce for games, including all payment and customer areas. Customers will be able to search, filter, add to cart and buy their favorite games.
We will also have a fully customized CMS so administrators can add products, categories, platforms, create promotions, edit parts of the site, and automated emails for sales of each product.
To create all this, we will use very famous tools in the market, such as ReactJS, Next, Apollo and others. Always paying attention to the quality of the code, i.e., we will have tests on everything!
TypeScript
React
NextJS
Strapi
Apollo
GraphQL
Jest
Testing Library
Storybook
Cypress
We will learn about the Stack used in the course, explaining each of the choices, as well as showing the pros and cons of each
We will build our boilerplate from scratch, learning how to configure code quality tools such as Eslint, Prettier, Git hooks and TypeScript. As well as configuring Styled Components to work with SSR and PWA.
Let's start our backend/CMS with Strapi, learn more about its API, like the content type builder, single types, custom components. Besides learning how to create custom controllers, services, install documentation plugins and also GraphQL, where we'll learn how it works, how to create queries, filters, mutations and more.
Finally, we will learn how to customize the CMS so that it has the face of the store and becomes a more interesting solution for the customer.
This will be one of the biggest steps, it's where we will learn how to take a layout directly from Figma and transform it into different components and styles.
We will make all the components with styled components, with tests, Storybook scenarios and thinking about responsiveness. With the components ready, we will build the pages, adjusting whatever is necessary to make everything fit perfectly.
We will learn about some payment solutions on the market, seeing their advantages, disadvantages and APIs.
We will create all the final part of the payment flow, connecting our store to a payment gateway, saving the purchases in our database. We will also develop the customer's area, so that they can edit their data, see purchases made and their wishlist.
In this module we will learn the importance of integration tests and how to ensure even more quality in our project.
We will create tests for all the flows that a normal user can perform on our website, from normal navigation to a purchase.
Usually most courses end with creating the project, but never teach how to actually get it into production.
Here we will learn what the project needs and what solutions we can use. In addition, we will create a pipeline in a CI so that we have the whole deployment process as automated as possible
All modules of the course have already been released! And you can watch them all in your own time, because access is for life.
The modules can be taken in order or you can watch them as you need them.
From R$549 to only
6x de R$66
Buy
Henrique Albert Schmaiske
The course was amazing! I really liked the explanations, very clear and objective! I leave the suggestion for a next course: NextJS showing how to make an Ecommerce. I would buy it without even looking at the price.
Alexandre Teixeira
This is already the third course I've taken with Will, and his teaching is amazing! Besides that, he keeps bringing the most modern stuff in the market in a well explained way and with practical applications.
Daniel P. de Oliveira
It's amazing the way the course content was passed, you can see that Will has an impressive domain about the tools and technologies passed, and even I have little knowledge in React I could follow the course without too many difficulties. I hope you have more courses in this line, I will certainly buy them! Thanks Will!
Mileine Souto
Sensational! The instructor's didactics are excellent to structure the course and give the rhythm of the classes. It was a very enriching (and fun) experience to build a blog following the step-by-step videos. I didn't know anything about Gatsby, GraphQL or Netlify CMS but I was able to follow the whole process without much difficulty. Also, it was great to learn a little bit more about some development practices, like themes in React, CSS in JS styling with styled-components and using Algolia as a search solution. I recommend! =)
A basic knowledge of JavaScript/React is required for a better understanding of the course, but all content will be explained in detail and all questions/queries will be answered.
The videos will be published on Udemy, with the same functionality that already exists, offline videos, autoplay, 2x speed up, native app, and more.
The course is lifetime, take it as many times as you want and when you want, no blocks or rushing.
Definitely! The idea is that you have a real project that you can use as you wish.
Yes, the course will have a certificate and you will be able to download it directly from Udemy at the end of the course.
I have some free and paid courses, you can access all courses here.
No problem! You can access any of my social networks or get into the slack of our course.