Question 1

How do I add a new page in Polymer Starter Kit?

Accepted Answer

Define a new polymer-element for the page and update the app's routing configuration. Since the kit uses the PRPL pattern, ensure the component is included in the build for lazy-loading by modifying polymer.json or the build settings.

Question 2

Can I use TypeScript with Polymer Starter Kit?

Accepted Answer

Not directly supported; you'd need to integrate TypeScript manually with custom build steps. This adds complexity as Polymer CLI is optimized for JavaScript, and documentation is limited for TypeScript setups.

Question 3

What's the difference between Polymer Starter Kit and Lit Element starters?

Accepted Answer

Polymer Starter Kit is based on the Polymer library, which is being sunset in favor of Lit. Lit Element starters are more modern, with a simpler API and better long-term support, making them a better choice for new web component projects.

Question 4

How to deploy a Polymer app built with this starter kit?

Accepted Answer

After running npm run build, deploy the contents of the chosen build folder (e.g., es5-bundled) to a static hosting service. The generated service worker provides offline capabilities for progressive web apps.

Question 5

Is Polymer Starter Kit still maintained in 2023?

Accepted Answer

The Polymer project has shifted focus to Lit, so updates are minimal. This starter kit is primarily for Polymer 3, and for new projects, it's recommended to use Lit-based alternatives for ongoing support.

Question 6

How can I customize the drawer layout in the starter kit?

Accepted Answer

Modify the HTML and CSS in the template files that use app-layout elements. Refer to the app-layout documentation for advanced customization options, as the starter kit provides a basic responsive drawer setup.

Polymer Starter Kit

What is Polymer Starter Kit?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions