All Projects → AfikDeri → Vue Laravel Spa

AfikDeri / Vue Laravel Spa

Single Page Application made with Vue.JS2, Vue Router, Vuex and Laravel 5.6.

Projects that are alternatives of or similar to Vue Laravel Spa

Roastandbrew
Updated content available! We learned a lot since we originally wrote this article. We now have this updated for Laravel 8, Vue, and NuxtJS 👉 https://srvrsi.de/book
Stars: ✭ 300 (+180.37%)
Mutual labels:  laravel, vuex, vuejs2, vue-router, spa
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-49.53%)
Mutual labels:  laravel, vuex, vue-router, spa
Vue Soundcloud
🎧 A SoundCloud client built with Vue and Nuxt
Stars: ✭ 141 (+31.78%)
Mutual labels:  vuex, vuejs2, vue-router, spa
Enso
Laravel Vue SPA, Bulma themed. For demo login use `[email protected]el-enso.com` & `password` -
Stars: ✭ 959 (+796.26%)
Mutual labels:  laravel, vuex, vue-router, spa
Running Time
Sample Single Page Application using Laravel & Vue.js + Vuex + Vue-Router
Stars: ✭ 90 (-15.89%)
Mutual labels:  laravel, vuex, vue-router, spa
Manhuaren
vue2.0全家桶,仿漫画人官网(移动端)
Stars: ✭ 18 (-83.18%)
Mutual labels:  vuex, vuejs2, vue-router
Vms
A Vue.js 2.0 Content Management System
Stars: ✭ 885 (+727.1%)
Mutual labels:  vuex, vuejs2, vue-router
Createmap
Create a Map - City of Baltimore
Stars: ✭ 31 (-71.03%)
Mutual labels:  vuex, vuejs2, vue-router
Vue Music Player
🎵Vue.js写一个音乐播放器+📖One(一个).A music player + One by Vue.js
Stars: ✭ 729 (+581.31%)
Mutual labels:  vuex, vuejs2, vue-router
Vue Spa
vue-spa : vue + vue-router + axios + vuex + vux 快速成型移动端项目,直接使用。欢迎star
Stars: ✭ 46 (-57.01%)
Mutual labels:  vuex, vue-router, spa
Ticket Conductor
A free and open-source Laravel 5.5 and VueJS (SPA) Ticket system
Stars: ✭ 48 (-55.14%)
Mutual labels:  laravel, vuex, vuejs2
Vue Meteor
🌠 Vue first-class integration in Meteor
Stars: ✭ 893 (+734.58%)
Mutual labels:  vuex, vuejs2, vue-router
Vue Chat
👥Vue全家桶+Socket.io+Express/Koa2打造一个智能聊天室。
Stars: ✭ 887 (+728.97%)
Mutual labels:  vuex, vuejs2, vue-router
Vuejs Interview Questions
List of 300 VueJS Interview Questions And Answers
Stars: ✭ 948 (+785.98%)
Mutual labels:  vuex, vuejs2, vue-router
Vue Ts Daily
基于vue、Typescript、pwa的一款习惯养成app
Stars: ✭ 735 (+586.92%)
Mutual labels:  vuex, vuejs2, vue-router
Vuejs Wordpress Theme Starter
A WordPress theme with the guts ripped out and replaced with Vue.
Stars: ✭ 1,359 (+1170.09%)
Mutual labels:  vuejs2, vue-router, spa
Vue Cnode
基于vue2 + vue-router + vuet + ES6 + less + flex.css重写vue版cnode社区,使用webpack2打包
Stars: ✭ 1,134 (+959.81%)
Mutual labels:  vuex, vuejs2, vue-router
Cordovue
A sample Apache Cordova application using VueJS.
Stars: ✭ 66 (-38.32%)
Mutual labels:  vuex, vuejs2, vue-router
Vue Crud
Vue.js based REST-ful CRUD system
Stars: ✭ 629 (+487.85%)
Mutual labels:  vuex, vuejs2, spa
Vue Example Login
🔥A login demo by Vue.js.
Stars: ✭ 651 (+508.41%)
Mutual labels:  vuex, vue-router, spa

Video Chat Application Example

Youtube Tutorial link

@WeCodeTutorials

Logo

This project is made for my youtube tutorial on "Create a SPA with Vue.JS 2, Vue-Router, Vuex and Laravel 5.6".

App Example

get it up and running.

After you clone this project, do the following:

# go into the project
cd Vue-Laravel-SPA

# create a .env file
cp .env.example .env

# install composer dependencies
composer update

# install npm dependencies
npm install

# generate a key for your application
php artisan key:generate

# generate Server secret for JWT
php artisan jwt:secret

# create a local MySQL database (make sure you have MySQL up and running)
mysql -u root

> create database vuespa_db;
> exit;

# add the database connection config to your .env file
DB_CONNECTION=mysql
DB_DATABASE=vuespa_db
DB_USERNAME=root
DB_PASSWORD=

# run the migration files to generate the schema
php artisan migrate

# run webpack and watch for changes
npm run watch

Good Luck :)

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].