March 15, 2022
  • Announcements
  • Tutorials
  • Capacitor
  • SolidJS
  • Templates
  • Tutorials

New Capacitor Templates: SolidJS + Vite

Thomas Vidas

Capacitor + SolidJS templates logo

Today, I’m excited to share with you new mobile app templates for Capacitor and SolidJS. Solid is a newer frontend framework that has been gaining popularity recently. In the 2021 State of JS survey, Solid had a 90% satisfaction rate as well as excellent starter templates that we can build upon. With Capacitor, developers can turn any SolidJS web app that works in a browser into a native Android or iOS application.

To use these new starters, you can use degit to scaffold your project using the Capacitor + Solid templates. To set up a new project, you would run the following commands.

npx degit ionic-team/capacitor-solidjs-templates/ts my-capacitor-project
cd my-capacitor-project
npm install

From there, the my-capacitor-project folder will contain a fully-featured Capacitor application. You can create an iOS, Android, or Progressive Web App with a SolidJS codebase,

For more information on how to install and use these templates, check out our GitHub repo containing the templates:

Thomas Vidas