README

CodeIgniter 4 + Vue3 Application Starter

Features:

💡 Super fast single page application (SPA).
🔥 Hot Module Replacment (HMR).
🧩 Easy to install and update.
🪓 Easy to customize.
🔧 Zero Configuarations.
⭐ Progressive web application (PWA).
✨ And much more...

Pre-packed:

Note: none of these plugins or frameworks are required, feel free to remove or replace them as you like.

Windicss: on-demand alternative to Tailwind, with bunch of additional cool features and much faster, (you can replace it with whenever css framework you like).
Axios: A simple promise based HTTP client for the browser and node.js.
Vue Router: official vue router plugin.
Vite Plugin Pages: a lightweight file system based routing.
Vite Plugin PWA: zero config PWA plugin.

Installation:

Make sure your server meets CI4 requirements.

run the following command to create a project:

composer create-project mihatori/ci-vue-appstarter

Setup

Copy env to .env.
Run: npm intall to install node dependencies.
Run: npm run dev to serve your assets.
Now start you CI server: php spark serve or access it through you virtual host.

IMPORTANT:

after the installation, there will be no bundled assets, so make sure to run npm run dev to serve them or just build them with npm run build command.

Customizing:

This project uses CodeIgniter Vite package, read more about it.

Something doesn't work fine:

Please feel free to open an issue and we will try to fix it on the fly.

Contribuiting:

Literally any help will be appreciated, feel free to use PRs, and thanks in advance.

mihatori / ci-vue-appstarter

Maintainers

Details