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

Overview

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

You might also like...
compile multiple tailwind.config.js with laravel-vite plugin

Compile multiple tailwind css from different tailwind.config.js files using laravel-vite If do you want to compile two or more tailwind css from diffe

CodeIgniter 4-based application skeleton

Bonfire 2 Just getting started. More details at Patreon What is Bonfire? Bonfire will be a robust application skeleton for CodeIgniter 4-based applica

a simple and secured RESTful API made with codeIgniter and JSON Web Tokens

CodeIgniter 4 Application Starter What is CodeIgniter? CodeIgniter is a PHP full-stack web framework that is light, fast, flexible and secure. More in

Integration of the popular AdminLTE dashboard for CodeIgniter 4

Tatter\AdminLTE Integration of the popular AdminLTE dashboard for CodeIgniter 4 Description This library leverages Tatter\Assets to automate asset dis

CodeIgniter 4 Application Starter

Tensaran-Inventories merupakan website pendataan inventaris di desa Tensaran yang saya buat untuk memudahkan pendataan inventaris di kantor desa Tensaran. Aplikasi ini saya buat untuk memenuhi program kerja Kuliah Kerja Nyata (KKN) 2022

CodeIgniter 4 + Svelte App Starter

CodeIgniter4 + Svelte Application Starter 💡 Features: ⚡ Super fast single page application (SPA). 🔥 Hot Module Replacment (HMR). 🧩 Easy to install

CodeIgniter 4 + Vue3 App Starter

CodeIgniter 4 + Vue3 Application Starter Features: 💡 Super fast single page application (SPA). 🔥 Hot Module Replacment (HMR). 🧩 Easy to install and

:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.
:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.

Laravel Vue Boilerplate A Laravel 6 Single Page Application boilerplate using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass and Pug with: A users

Laravel Vue SPA, Bulma themed. For demo login use `admin@laravel-enso.com` & `password` -
Laravel Vue SPA, Bulma themed. For demo login use `[email protected]` & `password` -

Laravel Enso Hit the ground running when building your new Laravel SPA project with boilerplate and extra functionality out of the box! click on the p

Owner
Nur Muhammad
Design and code with love.
Nur Muhammad
A Laravel REST API backend with React/Redux, hot module reloading in development and route-level code splitting

React Laravel Boilerplate This is the boilerplate that I personally use for getting projects off the ground quickly using my favourite stack of techno

Carwyn Stephen 174 Jan 6, 2023
Laravel 8 + React + Typescript + React Router v4 + Hot Module Reloading

Laravel React Typescript Boilerplate An opinionated boilerplate based on Laravel 8.*, React 16 and Typescript empowering you to get off the ground qui

George Cameron 56 Dec 16, 2022
Laravel Starter With Laravel, Vite, Vue 2, Inertia.js, Ziggy

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Oskars Germovs 1 Oct 29, 2021
Laravel Starter With Laravel, Vite, Vue 2, Inertia.js, Ziggy, Typescript

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Oskars Germovs 1 Oct 29, 2021
Starter - Laravel, Vue, Inertia, Tailwind, Vite

Starter - Laravel, Vue, Inertia, Tailwind, Vite Laravel-vite preset Laravel 9 Vue 3 Inertia Tailwind Vite Including Sail (Docker). php 8.1 mysql 8.0 p

Anatoliy 6 Dec 28, 2022
Repositorio del tutorial CRUD Laravel 9 y Vue 3 usando Vite

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Alfredo Morales 2 Sep 29, 2022
A starter template from which to build Laravel + Vite apps

Stack The Laravel framework is fast, clean, and filled with best practices. In this stack, it will handle the backend as an API. The Laravel Vite pack

null 7 Nov 14, 2022
A Laravel 9, Vite, Svelte SPA, Tailwind CSS (w/ Forms Plugin & Aspect Ratio Plugin), Axios & TypeScript starter template.

Laravel 9 + Vite + Svelte + Tailwind CSS This starter template includes: Laravel 9 Vite Svelte Tailwind CSS (w/ @tailwindcss/forms and @tailwindcss/as

Ronnie 19 Dec 20, 2022
A helper method to generate absolute asset URL's to Vite assets

Laravel vite() helper method A super simple Laravel helper to fill the void that Laravel Mix left. Mix had a helper, aptly named mix() that would retu

 MotoMediaLab 17 Dec 2, 2022
React laravel starter kit with tailwind css and vite js(laravel 9)

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Jerald Tonmoy Dias 2 Dec 23, 2022