Question 1

How do I add TypeScript to Preact Boilerplate?

Accepted Answer

You'll need to manually configure Webpack and install TypeScript dependencies, as the boilerplate doesn't include TypeScript support out of the box. This involves modifying webpack.config.js and adding ts-loader or similar.

Question 2

What's the difference between Preact Boilerplate and Preact CLI?

Accepted Answer

Preact Boilerplate is a starter kit with a fixed Webpack setup, while Preact CLI is a zero-configuration tool that automatically handles code-splitting and optimizations. The README recommends Preact CLI for new projects due to its improvements.

Question 3

Can I use Preact Boilerplate for server-side rendering?

Accepted Answer

No, this boilerplate is designed for client-side SPAs; adding server-side rendering would require significant changes to the build process and server setup, as it's not supported natively.

Question 4

How do I deploy my Preact Boilerplate app to Netlify?

Accepted Answer

After running npm run build, deploy the contents of the ./build directory. Netlify can automatically build from the repo, but you might need to configure the build command and output directory in your Netlify settings.

Question 5

Is Preact Boilerplate still maintained?

Accepted Answer

Based on the README note recommending Preact CLI, active development may have slowed, but the project is still functional. Check the GitHub repository for recent commits or issues to gauge current maintenance.

Question 6

How to integrate state management like Redux?

Accepted Answer

Install Redux and related packages via npm, then manually set up the store and providers in your components, as the boilerplate doesn't include state management by default. You'll need to modify the entry files and component structure.

Official Boilerplate

What is Official Boilerplate?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions