18. Checkout UI extension with Preact and Polaris web components

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