Practical Guide to NextJS. Build eCommerce education app

Full video course

Intro

Create-next-app with Typescript support

NextJS and Storybook

Images Optimization and Storybook

Prettier

CSS-IN-JS. EmotionJS

React and Typescript Review

JSX at Glance

JSX compilation

Jest and React Testing Library

Aliases, Fonts and Global styles

Aliases and themes for Jest

Storybook addon interactions

Storybook addon a11y

Visual testing and Chromatic

Storybook and Components Library

Tile component

Icon component

Refactoring

Checkbox component

Custom hook useId

Switch component

Logo component

IconButton component

Input component

Input component refactoring

Basic layout and pages

Create basic layout part 1

Create basic layout part 2

Theme toggler

Next Image and Course component

Course component refactoring

Home page

Home page part 2

Custom 404 error page

Versel deploy

Github Actions and Chromatic

CI Test + Lint

Login and Registration

Intro and refactoring

Strapi init

User, roles and auth flow

Login page part 1

Login page part 2

React hook form and login

React hook form, validation and tests

Fix styles, add login button

Theme toggle flicker fix

Registration page

User Page and review

Auth flow and Redux

Update deps

State management and Redux-Toolkit

User slice

Async actions

Async actions tests

Integration tests and msw

Login / Registration flow

React-redux and user flow part 1

React-redux in Jest and Storybook

Full login flow and registration

Add page test cases

Content with Next and Strapi

Upgrade Strapi

Add courses endpoint with data

SSG, getStaticProps and index page

Fix tests and storybook

Review deploy with docker and AWS

Fix deploy problem

Course page, SSG and getStaticPath

Search input behavior

Search courses

SSR + getServerSideProps