Preactubats: Preact-cli template

in #development2 years ago (edited)


Preact Using Bulma And TypeScript

preact-cli template using Typescript, SCSS and Bulma CSS framework. Template has the same content, with some additions, as the default preact-cli template and uses the styling from Bulma's getting started guide.

In addition Preact-async-route and Preact-helmet is used for async paths and to modify the default header. Typescript was added using preact-cli-plugin-typescript with modifications, and styling integration to .tsx files is done using typings-for-css-modules-loader.

Demo at


$ npm install -g preact-cli
$ preact create smjnab/preactubats my-project
$ cd my-project
$ npm install
$ npm run dev


Launch VSCode and you'll find yourself with a boilerplate for a fully responsive Progressive Web App.

To test app functionality


  • On desktop, in Chrome select Install Preactubats... from the top-right menu.
  • On Android, in Chrome select Add to Home screen in the top-right menu.
  • On iOS, in the "square with an arrow" menu in the top-right menu, select Add to Home screen.

Source and further details can be found at


Hi @smjn!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 1.828 which ranks you at #28471 across all Steem accounts.
Your rank has dropped 85 places in the last three days (old rank 28386).

In our last Algorithmic Curation Round, consisting of 256 contributions, your post is ranked at #250.

Evaluation of your UA score:
  • Only a few people are following you, try to convince more people with good work.
  • Your contribution has not gone unnoticed, keep up the good work!
  • Try to work on user engagement: the more people that interact with you via the comments, the higher your UA score!

Feel free to join our @steem-ua Discord server

Congratulations @smjn!
You raised your level and are now a Dolphin!

Do not miss the last post from @steemitboard:

SteemitBoard Ranking update - Resteem and Resteemed added

You can upvote this notification to help all Steemit users. Learn why here!