CodeIgniter 4 + Vue3 App Starter

Mihatori Kei

Last update: Dec 17, 2022

Related tags

Starter Projects ci-vue-appstarter

Overview

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.

Licence

You might also like...

Laravel + Livewire + Bootstrap 5 UI starter kit.

bastinald/ui Laravel + Livewire + Bootstrap 5 UI starter kit. Requirements Laravel 8 NPM Features Bootstrap 5 pre-configured Textarea autosize Floatin

83 Dec 26, 2022

Wave - The Software as a Service Starter Kit, designed to help you build the SAAS of your dreams 🚀 💰

Introduction Wave is a Software as a Service Starter Kit that can help you build your next great idea 💰 . Wave is built with Laravel, Voyager, Tailwi

4.2k Jan 4, 2023

a free, open-source dashboard panel starter kit for Laravel

QAdmin a free, open-source dashboard panel starter kit for Laravel. Just intall and everything is ready Tech Stack Client: ruangAdmin, Bootstrap, Jque

30 Oct 11, 2022

A simple Laravel & Nuxtjs starter template

Laravel Nuxtjs is a basic starter app built with Nuxtjs CLI thet give you the powerful of Nuxtjs with API laravel backend

5 Apr 11, 2022

Modular Laravel - Boilerplate project starter

MODULAR About Modular Laravel This project is a personal blueprint starter with customized modular / SOA architecture. Kostadin Keljtanoski Install Yo

41 Nov 21, 2022

One click, Fully Decoupled Drupal Site starter-kit with Druxt

DruxtSite quickstart - Drupal One click, Fully Decoupled Drupal Site starter-kit with Druxt. DruxtSite connects Drupal to Nuxt via JSON:API to provide

12 Jan 3, 2023

This is a Starter Laravel 8 project with Vue 3 and Bootstrap 5 installed for you.

Laravel8-Vue3-Bootstrap5 This is a Starter Laravel 8 project with Vue 3 and Bootstrap 5. Instalation Guide: As always you need to: composer install Th

7 Oct 19, 2022

Laravel backend Inertia and Vue starter template

Inertia.js - Vue.js ve Laravel Starter Template Yunus Emre Altanay If you want to make a single page application using laravel infrastructure. This re

3 Oct 21, 2021

Dynamic Framework :: A PHP starter kit for Noobs

A PHP starter kit for Noobs Author : Abdulbasit Rubeiyya The dynamic framework is not exactly a framework, but more of a starter kit for you, the thin

1 Dec 16, 2022

Releases(v1.0.1)

v1.0.1(Jul 31, 2022)
What's Changed

Chore: remove vite preview command (https://github.com/firtadokei/ci-vue-appstarter/pull/2)

Full Changelog: https://github.com/firtadokei/ci-vue-appstarter/compare/v1.0.0...v1.0.1
Source code(tar.gz)
Source code(zip)
v1.0.0(Jul 25, 2022)

Source code(tar.gz)
Source code(zip)