Giter VIP home page Giter VIP logo

codeigniter-vue-boilerplate's Introduction

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

codeigniter-vue-boilerplate's People

Contributors

ngekoding avatar anonimak avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.