IIRF Online > Development > Web Development > Next.js > Practical Next.js & React - Build a real WebApp with Next.js
Practical Next.js & React - Build a real WebApp with Next.js by Udemy
Build Fullstack WebApp with Next.js, React, and Strapi backend. Storybook components library. Practical Next.js & React
Course Highlights
- Learn core NextJS pre-rendering, SSR, data fetching, routing
- Create real projects with unique components library, styled-components and Storybook
- Learn how to build fullstack ReactJS apps with NextJS
- The latest ecosystem of a NextJS from the ground
- Create a backend with Strapi and learn fullstack development with NextJS
Skills you will learn!
Curriculum
8 Topics
Create-next-app with Typescript
Github repo review
NextJS and Storybook
Images Optimization and Storybook
Prettier
CSS-IN-JS. EmotionJS
The first component
Review
10 Topics
JSX at Glance
JSX compilation
Jest and React Testing Library
Dark / Light themes in Storybook
Aliases Fonts and Global styles
Aliases and themes for Jest
Storybook addon interactions
Storybook addon a11y
Visual testing and Chromatic
Review
11 Topics
Tile component
Icon component
Refactoring
Checkbox component
Custom hook useId
Switch component
Logo component
Icon Button
Input component part 1
Input component part 2
Input component refactoring
12 Topics
Create basic layout part 1
Create basic layout part 2
Theme toggler
Next Image and Course component
Course component refactoring
Home page part 1
Home page part 2
Custom 404 error page
Versel deploy
Github Actions and Chromatic
CI Test + Lint
Review
11 Topics
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
11 Topics
Update deps
State management and Redux-Toolkit
User slice
Async actions
Async actions tests
Integration tests and msw
Login / Registration flow
React-redux and login flow
React-redux in Jest and Storybook
Full login flow and registration
Add page test cases
11 Topics
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
Fix problems and review
Practical Next.js & React - Build a real WebApp with Next.js
Related Next.js Courses
Thank You!
Your review has been submitted successfully.