🥞Tech Stack

Development on Platter Base requires prior knowledge of the below tech stack, along with all of the listed developer tools.

Tech Stack

• Web Basics -> HTML, CSS, JavaScript

• Liquid

• TypeScript

  • Vanilla JS

  • Preact

  • Zustand for global state management

• Tailwind CSS

Required Developer Tools

• NodeJS

• esbuild

• ESLint and Prettier

• Shopify CLI

Use of the Accelerated Developer Tools also requires a thorough understanding of the following.

• Shopify Theme Architecture (including all subsections)

• Shopify Section input types

• Performance Best Practices

• Semantic HTML

  • The best example of semantic HTML we've seen is on stripe.com. Review their source code by inspecting the page on Chrome Dev Tools. You will see a strict adherence to <section> <header> <main> <footer> tags.

• Accessibility Best Practices