Question 1

How do I add TypeScript to a preact-cli project?

Accepted Answer

Use the official TypeScript template by running 'npm init preact-cli typescript my-project', which sets up TypeScript configuration out of the box without manual tweaks.

Question 2

Should I use preact-cli or Vite for a new Preact app?

Accepted Answer

Preact-cli is stable but deprecated; the README recommends Vite via create-preact for faster builds and modern features. For new projects, Vite is the better choice despite preact-cli's PWA optimizations.

Question 3

How to disable the Service Worker in preact-cli?

Accepted Answer

Use the --no-sw flag during build (e.g., 'preact build --no-sw') to skip Service Worker generation, which is enabled by default for PWA features.

Question 4

Can I use preact-cli with React instead of Preact?

Accepted Answer

No, preact-cli is specifically designed for Preact and its ecosystem; it won't work with React due to framework-specific optimizations and templates.

Question 5

How to deploy a preact-cli app to Netlify?

Accepted Answer

The Netlify template includes CMS setup, but for any project, build with 'preact build' and deploy the output directory; Netlify can handle static sites from the generated build folder.

Question 6

How do I customize Webpack in preact-cli?

Accepted Answer

Create a preact.config.js file to mutate the Webpack config using helpers from the CLI, as detailed in the README's Webpack section for advanced changes.

Preact CLI

What is Preact CLI?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions