The easiest way to create a new Ionic SvelteKit project is by using the @ionic-sveltekit/create interactive CLI tool:
npx @ionic-sveltekit/createView the @ionic-sveltekit/create documentation for a full list of options.
The combination of Ionic UI components and SvelteKit web framework.
Ionic is a powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
To learn more about available components and their options, see Ionic's UI Components documentation.
SvelteKit is a framework for rapidly developing robust, performant web applications using Svelte. If you’re coming from React, SvelteKit is similar to Next. If you’re coming from Vue, SvelteKit is similar to Nuxt.
To learn more about the kinds of applications you can build with SvelteKit, see the documentation regarding project types.
Svelte is a new way to build web applications. It's a compiler that takes your declarative components and converts them into efficient JavaScript that surgically updates the DOM.
Learn more at the Svelte website
This project combines 2 of my favorite tools: Ionic UI components & SvelteKit.
- SvelteKit provides everything necessary to create a functional, fullstack, performant web app. This include logical, file-based routing, state management, backend server capabilities, and Svelte's elegant reactivity. It provides an ideal developer experience while minimizing opaque magic.
- Ionic UI components offer an attractive set of consistent UI elements with which to build rich online experiences.
By including both of these tools in 1 wrapper, the time to get from initial concept to functional experience is greatly reduced.
This project would not be possible without the foundational work of @Tommertom(LinkedIn) and his svelte-ionic-app project, upon which all of the work in this organization is based.
Thank you, Tom!