LoginSign Up

Sdev Shopify Course

Learn step by step. Build real projects.

18. Checkout 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 18

Checkout 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 Preact and an extension target are.
  • Generate a checkout UI extension with Shopify CLI.
  • Read its shopify.extension.toml and its api_version.
  • Build a gift note field with Polaris web components.
  • Save the note on the cart with applyMetafieldChange.

75 minutes Lesson 18 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