All Projects → scottbedard → Vuetober

scottbedard / Vuetober

Licence: mit
A webpack starting point for single page apps with October CMS and Vue

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vuetober

Enso
Laravel Vue SPA, Bulma themed. For demo login use `[email protected]el-enso.com` & `password` -
Stars: ✭ 959 (+282.07%)
Mutual labels:  laravel, spa
Laravel Vue Starter
Well Documented Laravel Starter App From Development to Production. For Full Blown RESTFUL API and SPA with Beautiful UI Using Buefy / ElementUi For Reusable Vue Components
Stars: ✭ 76 (-69.72%)
Mutual labels:  laravel, spa
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (-78.49%)
Mutual labels:  laravel, spa
Awes Io
Awes.io // boilerplate based on Vue, Nuxt, TailwindCSS plus Laravel as a backend. 🤟
Stars: ✭ 599 (+138.65%)
Mutual labels:  laravel, spa
Laravel Vuetify Spa Starter
Laravel Vuetify Starter SPA built with Laravel 6.0, JWT Auth, Vue 2, Vue Router 3, Vuex 3, Axios, Vuetify 2
Stars: ✭ 115 (-54.18%)
Mutual labels:  laravel, spa
Spa Starter Kit
A highly opinionated starter kit for building Single Page Applications with Laravel and Vue.js
Stars: ✭ 933 (+271.71%)
Mutual labels:  laravel, spa
Laravel Vuetify Spa
Laravel-Vue SPA starter project template with Vuetify frontend.
Stars: ✭ 73 (-70.92%)
Mutual labels:  laravel, spa
Photo Blog
The Photo Blog Application based on Laravel 5 and Vue.js 2 + Prerender
Stars: ✭ 55 (-78.09%)
Mutual labels:  laravel, spa
Laqul
A complete starter kit that allows you create amazing apps that look native thanks to the Quasar Framework. Powered by an API developed in Laravel Framework using the easy GraphQL queries language. And ready to use the Google Firebase features.
Stars: ✭ 110 (-56.18%)
Mutual labels:  laravel, spa
Vue Laravel Spa
Single Page Application made with Vue.JS2, Vue Router, Vuex and Laravel 5.6.
Stars: ✭ 107 (-57.37%)
Mutual labels:  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 (+19.52%)
Mutual labels:  laravel, spa
Laravel Nuxt Js
Build a SPA with Laravel and Nuxt.
Stars: ✭ 146 (-41.83%)
Mutual labels:  laravel, spa
Laravel Vue Spa
A Laravel-Vue SPA starter kit.
Stars: ✭ 2,889 (+1051%)
Mutual labels:  laravel, spa
Laravel Nuxt
A Laravel-Nuxt starter kit.
Stars: ✭ 943 (+275.7%)
Mutual labels:  laravel, spa
Running Time
Sample Single Page Application using Laravel & Vue.js + Vuex + Vue-Router
Stars: ✭ 90 (-64.14%)
Mutual labels:  laravel, spa
Laravel Nuxt
Build a SPA with Laravel and Nuxt.
Stars: ✭ 124 (-50.6%)
Mutual labels:  laravel, spa
Webhook.site
⚓️ Easily test HTTP webhooks with this handy tool that displays requests instantly.
Stars: ✭ 2,842 (+1032.27%)
Mutual labels:  laravel, spa
Laravel Zero
A PHP framework for console artisans
Stars: ✭ 2,821 (+1023.9%)
Mutual labels:  laravel
Laravel Gitscrum
GitScrum is a Project Management Tool, developed to help entrepreneurs, freelancers, managers, and teams Skyrocket their Productivity with the Agile methodology and Gamification.
Stars: ✭ 2,686 (+970.12%)
Mutual labels:  laravel
Algoliasearch Laravel
[Deprecated] We now recommend using Laravel Scout, see =>
Stars: ✭ 242 (-3.59%)
Mutual labels:  laravel



Downloads Depdendencies Version MIT

Vuetober is a vue-cli plugin for creating October themes with the latest frontend tooling. Say goodbye to managing complicated Webpack configuration and build scripts. Just select the features you want, and get to work!

Getting started

There are two ways to get started with Vuetober. If you're new to vue-cli, we recommend using the pre-built SPA. Starting this way lets us make some decisions for you. Just perform a git clone, and you're theme is ready to go. This article provides a good overview of what vue-cli is, and why you should consider using it.

For more experienced users, use the following steps to create a custom Vuetober setup.

  1. Install vue-cli, see documentation here
  2. From /themes, execute the following commands:
    • vue create mytheme and select what features you'd like
    • cd mytheme
    • vue add vuetober and follow the prompts

Once this is done, the following commands should be available:

# start development server
yarn serve

# build production assets
yarn build

Other commands may also be available, depending on the feature selection. Check your package.json for a complete list.

Using plugins

When developing Vuetober themes, APIs are usually needed to communicate with plugins. Since all rendering is done on the client side, October's frontend utilities like components and the AJAX framework are not available. Below is a list of plugins that have been made to help bridge the gap.

Advanced usage

SEO optimization

We recommend adding the RainLab.Sitemap and Bedard.Prerender plugins. When used together, these can make sure your application is compatible with crawlers for sites like Google, Facebook, and Twitter.

Continuous integration

For themes that include frontend unit tests, it's best to connect them to a service like Circle CI and Codecov to get the most out of them. In the future we will provide documentation on setting this up. For now, feel free to use this theme as an example.

Showcase

Here are a couple sites to show what Vuetober themes are capable of. Feel free to add your projects to this list!

License

MIT

Copyright (c) 2016-present, Scott Bedard

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