advanced

Frontend E-Commerce with React and Next.js

Software Engineering

5 courses

Learn modern frontend development by building a production-style e-commerce application with React and Next.js. Develop reusable UI, integrate backend APIs, manage state, implement complete shopping workflows, and build powerful admin tools.

See courses

Verified skills you'll gain

ADVANCED

Accessibility Best Practices

ADVANCED

Interacting with Back-end and APIs

ADVANCED

State Management and Dynamic Interactions

Tools you'll use

Nextjs

PostgreSQL

React

TypeScript

Trusted by learners working at top companies

Turn screen time into skills time

Practice anytime, anywhere with our mobile app.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

Establish the storefront shell first, then connect it to live product data. This keeps the learning flow focused: layout and shared UI come before cart state, useProducts is introduced before any screen needs live catalog data, and useProduct is created before product detail depends on it.

Course 2

Cart State, Persistence, and Checkout

3 lessons

14 practices

Once browsing is stable, the path moves into cart state, cart persistence, and checkout. Providers are introduced before pages depend on them, product detail upgrades to add-to-cart only after the cart context exists, and checkout success uses a deliberately minimal order-reading surface so learners only build what that unit needs.

See details

Course 3

Orders, Detail Enrichment, and Order Lifecycle

3 lessons

13 practices

With checkout complete, the learner can add order history, order detail, and lifecycle actions without forward references. The course keeps the sequencing honest: list pages come before detail pages, detail enrichment is extracted into its own hook, and order actions only appear after read flows are already stable.

See details

Course 4

Product Operations and Admin Workflows

3 lessons

12 practices

After the customer-facing storefront flows are stable, the path shifts into internal product operations. This course introduces the admin products route, a typed product form, and a refreshable product-management workspace that reuses the existing product API layer and useProducts() hook instead of inventing separate admin-only data patterns.

See details

Course 5

Tax Management and Full App Polish

3 lessons

12 practices

With the internal product workspace in place, the path finishes by adding tax-rate management and then exposing the full route surface across navigation, footer, and homepage CTAs. This keeps internal operations split into distinct themes while still ending on the same complete app as the base task.

See details

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.

Alex Bush

Full Stack Engineer

I'm really impressed by the AI tutor Cosmo's feedback about my code. It's honestly kind of insane to me that it's so targeted and specific.

Abbey Helterbran

Tech consultant

I tried Leetcode but it was too disorganized. CodeSignal covers all the topics I'm interested in and is way more structured.

Jonathan Miller

Senior Machine Learning Engineer

+12

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

From our community

Hear what our customers have to say about CodeSignal Learn

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

I love that it's personalized. When I'm stuck, I don't have to hope my Google searches come out successful. The AI mentor Cosmo knows exactly what I need.

Faith Yim

Software Engineer

+14

It's an amazing product and exceeded my expectations, helping me prepare for my job interviews. Hands-on learning requires you to actually know what you are doing.

Alex Bush

Full Stack Engineer

I'm really impressed by the AI tutor Cosmo's feedback about my code. It's honestly kind of insane to me that it's so targeted and specific.

Abbey Helterbran

Tech consultant

I tried Leetcode but it was too disorganized. CodeSignal covers all the topics I'm interested in and is way more structured.

Jonathan Miller

Senior Machine Learning Engineer

+12

I'm impressed by the quality and can't stop recommending it. It's also a lot of fun!

Francisco Aguilar Meléndez

Data Scientist

+11

Frontend E-Commerce with React and Next.js

Verified skills you'll gain

Trusted by learners working at top companies

Turn screen time into skills time

Join the 1M+ learners on CodeSignal

Certificate of Achievement

From our community

Other paths you may like

From our community