SvelteKit Capacitor starter

Presentation

See this presentation that was given on This Week in Svelte:

YouTube Presentation link

Presentation link

This is a simple demo project of SvelteKit + Capacitor. It is not a complete starter but more of an example of a Capacitor setup.

To add all the functionality, copy the contents of demo/complete/+page.svelte to src/routes/+page.svelte.

This demo only has iOS added to the project. Android can optionally be added via the instructions in the Capacitor documentation.

Basic steps:

1. Follow the setup guide for setting up your environment under iOS
2. Edit capacitor.config.ts, under server.url, add your local IP address.
3. Perform the commands below

nvm use
npm i
npm run dev

1. Start XCode and open the /ios folder in it via the "Open a project or file" button of the start screen.
2. Start the app either on a physical device or on an emulator via the Run ("Play") button

Automating building of iOS/Android bundles via GitHub Actions

See these blog posts:

• Build your Capacitor iOS app bundle using GitHub Actions
• Build your Capacitor Android app bundle using GitHub Actions

Further reading

• How I published a gratitude journaling app for iOS and Android using SvelteKit and Capacitor
• Building a privacy-friendly, self-hosted application architecture with SvelteKit