All Projects → ngekoding → codeigniter-vue-boilerplate

ngekoding / codeigniter-vue-boilerplate

Licence: other
CodeIgniter 3 + Vue.js 3 + Vite with supported Hot Module Replacement (HMR)

Programming Languages

PHP
23972 projects - #3 most used programming language

Projects that are alternatives of or similar to codeigniter-vue-boilerplate

vite-plugin-webfont-dl
⚡ Webfont Download Vite Plugin - Make your Vite site load faster
Stars: ✭ 69 (+81.58%)
Mutual labels:  vite, vuejs3
element-plus-admin
基于vite+ts+elementPlus
Stars: ✭ 361 (+850%)
Mutual labels:  vite, vuejs3
electron-vue-template
A very simplistic Electron + Vue 3 template including ViteJS and Electron Builder
Stars: ✭ 60 (+57.89%)
Mutual labels:  vite, vuejs3
admin-one-vue-tailwind
Free Vue.js 3.x Tailwind 3.x admin dashboard template with dark mode. Vite builds. Pinia state. Laravel integration available
Stars: ✭ 742 (+1852.63%)
Mutual labels:  vite, vuejs3
vuejs-3-examples
Some examples of Vue.js 3.0.
Stars: ✭ 26 (-31.58%)
Mutual labels:  vite, vuejs3
electron-vite-boilerplate
📚 A Electron + Vite boilerplate of the nature of learning(source-code of vite-plugin-electron) / 学习性的样板工程(vite-plugin-electron源码)
Stars: ✭ 157 (+313.16%)
Mutual labels:  vite
Codeigniter3-absen-digital
Sistem Absensi Online dengan framework codeigniter 3
Stars: ✭ 33 (-13.16%)
Mutual labels:  codeigniter3
elucidator-blog-starter
Opinionated Vue 3 + Vite + Typescript minimal blog starter ⚔
Stars: ✭ 28 (-26.32%)
Mutual labels:  vite
vite-plugin-sleep
a vite plugin you never need. slow devServer and slow HMR.
Stars: ✭ 77 (+102.63%)
Mutual labels:  vite
reactplate
[unmaintained] 🚀 A Minimal Setup & Fast Boilerplate for React.js with Vite.
Stars: ✭ 25 (-34.21%)
Mutual labels:  vite
vue-universal-modal
Universal modal plugin for Vue3
Stars: ✭ 57 (+50%)
Mutual labels:  vuejs3
aria-vue
Testing tools for Vue components
Stars: ✭ 21 (-44.74%)
Mutual labels:  vite
vue3-ts-vite-ssr-starter
Use vue3 vite2 typescript eslint SSR pinia unocss vue-router element-plus scss
Stars: ✭ 114 (+200%)
Mutual labels:  vite
vue-pattern-input
Use RegExp to limit input
Stars: ✭ 25 (-34.21%)
Mutual labels:  vuejs3
vite-plugin-vue-gql
⚡ GraphQL Tags for your Vue SFC ⚡
Stars: ✭ 188 (+394.74%)
Mutual labels:  vite
json-to-go
将json生成go的数据结构。Online tool that convert JSON to Go.
Stars: ✭ 16 (-57.89%)
Mutual labels:  vite
CodeIgniter-Instagram-API
CodeIgniter library to interact with the Instagram API
Stars: ✭ 39 (+2.63%)
Mutual labels:  codeigniter3
vitailse
Opinionated Vite starter template with TailwindCSS
Stars: ✭ 95 (+150%)
Mutual labels:  vite
CodeIgniter3-online-shop
A full e-commerce project built with CI3 HMVC with Email confirmation,Paypal payement , Ion Auth , Live Chatroom and full admin dashboard
Stars: ✭ 114 (+200%)
Mutual labels:  codeigniter3
pwl
Password Lense: reveal character types in a password
Stars: ✭ 20 (-47.37%)
Mutual labels:  vite

CodeIgniter 3 + Vue.js 3 + Vite

Looking for Vue 2? Please check branch vue2

Just a basic example how to integrating CodeIgniter 3 + Vue.js 3 + Vite with supported Hot Module Replacement (HMR).

If you loves CodeIgniter 3 & Vue.js, you must try this one to make your life easier!

Some changes to make this works!

  1. application/helpers/vite_helper.php
  2. application/controllers/Vue.php
  3. application/config/routes.php
  4. application/views/index.vue.php
  5. frontend/vite.config.js

Running the project

  1. Setting CodeIgniter base_url at application/config/config.php
  2. Open Terminal/CMD and enter to frontend directory
  3. Install vue project dependencies: npm install
  4. Run for development: npm run dev
  5. Run for production: npm run build
  6. Open the browser and go to the project address, e.g. http://localhost/codeigniter-vue-boilerplate/
  7. Enjoy!

Features / ideas

I try to keep this project as simple as possible, so you can making a changes to suit your needs. No need to install a bunch of libraries for making something simple.

Restful API support: response helper, ajax request validation

  • application/config/routes.php
  • application/core/MY_Controller.php
  • application/controllers/api/*
  • Changes: b5f80ab & 88fbda2

Middlewares

  • application/core/MY_Controller.php
  • application/middlewares/*
  • application/helpers/auth_helper.php
  • application/config/config.php
  • application/config/routes.php
  • application/config/autoload.php
  • application/controllers/api/v1/Auth.php
  • application/controllers/api/v1/User.php
  • Changes: 03c8145

Powered by ngekoding.github.io

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].