LoginSign Up

Sdev Shopify Course

Learn step by step. Build real projects.

20. Admin UI extension with Preact and Polaris web components

Aap kis language mein padhna chahoge?

Which language do you want to learn in?

Code aur technical words English mein hi rahenge. Aap baad mein bhi language badal sakte ho.

Lesson 20

Admin UI extension with Preact and Polaris web components

Unlock this lesson

Create a free account, then buy the course to open every lesson.

What you will learn in this lesson

  • Know what an admin UI extension, an admin action and an admin block are.
  • Generate an admin action for the product page.
  • Read product data from the extension with a direct GraphQL call.
  • Build a modal with s-admin-action and Polaris web components.
  • Check your code with TypeScript and test the GraphQL query.

60 minutes Lesson 20 of 28

Everything in Shopify App Developer

  • 28 step-by-step lessons
  • 3 mini projects with solutions
  • A final project for your portfolio
  • Real commands and real output in every lesson
  • Practice task with a solution in each lesson
  • Progress saved to your account