{"id":13424155,"url":"https://github.com/scottbedard/vuetober","last_synced_at":"2025-03-15T18:34:06.761Z","repository":{"id":51926933,"uuid":"49362717","full_name":"scottbedard/vuetober","owner":"scottbedard","description":"A webpack starting point for single page apps with October CMS and Vue","archived":true,"fork":false,"pushed_at":"2021-05-09T00:59:45.000Z","size":385,"stargazers_count":244,"open_issues_count":6,"forks_count":39,"subscribers_count":17,"default_branch":"master","last_synced_at":"2025-03-14T17:47:14.388Z","etag":null,"topics":["laravel","oc-vuetober-theme","octobercms","spa","vue","vuetober"],"latest_commit_sha":null,"homepage":"http://vuetober.scottbedard.net","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/scottbedard.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-01-10T10:41:30.000Z","updated_at":"2025-02-20T06:14:39.000Z","dependencies_parsed_at":"2022-09-13T10:22:04.316Z","dependency_job_id":null,"html_url":"https://github.com/scottbedard/vuetober","commit_stats":null,"previous_names":["scottbedard/oc-vuetober-theme"],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scottbedard%2Fvuetober","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scottbedard%2Fvuetober/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scottbedard%2Fvuetober/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scottbedard%2Fvuetober/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scottbedard","download_url":"https://codeload.github.com/scottbedard/vuetober/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243775777,"owners_count":20346257,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["laravel","oc-vuetober-theme","octobercms","spa","vue","vuetober"],"created_at":"2024-07-31T00:00:49.511Z","updated_at":"2025-03-15T18:34:01.748Z","avatar_url":"https://github.com/scottbedard.png","language":"JavaScript","funding_links":[],"categories":["Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)"],"sub_categories":["Libraries \u0026 Plugins"],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg height=\"64px\" src=\"http://i.imgur.com/Ia3H0Ae.png\" /\u003e\u003cbr /\u003e\n    \u003cbr /\u003e\n    \u003ca href=\"https://www.npmtrends.com/vue-cli-plugin-vuetober\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/dt/vue-cli-plugin-vuetober.svg\" alt=\"Downloads\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://david-dm.org/scottbedard/vuetober\"\u003e\n        \u003cimg alt=\"Depdendencies\" src=\"https://img.shields.io/david/scottbedard/vuetober\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://www.npmjs.com/package/vue-cli-plugin-vuetober\"\u003e\n        \u003cimg src=\"https://img.shields.io/npm/v/vue-cli-plugin-vuetober.svg\" alt=\"Version\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"https://github.com/scottbedard/oc-vuetober-theme/blob/master/LICENSE\"\u003e\n        \u003cimg src=\"https://img.shields.io/badge/license-MIT-blue.svg\" alt=\"MIT\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\nVuetober is a [vue-cli](https://cli.vuejs.org) 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!\n\n## Getting started\n\nThere are two ways to get started with Vuetober. If you're new to vue-cli, we recommend [using the pre-built SPA](https://github.com/scottbedard/vuetober-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](https://medium.com/the-vue-point/vue-cli-3-0-is-here-c42bebe28fbb) provides a good overview of what vue-cli is, and why you should consider using it.\n\nFor more experienced users, use the following steps to create a custom Vuetober setup.\n\n1. Install vue-cli, [see documentation here](https://cli.vuejs.org/guide/installation.html)\n2. From `/themes`, execute the following commands:\n   - `vue create mytheme` and select what features you'd like\n   - `cd mytheme`\n   - `vue add vuetober` and follow the prompts\n   \nOnce this is done, the following commands should be available:\n\n```bash\n# start development server\nyarn serve\n\n# build production assets\nyarn build\n```\n\nOther commands may also be available, depending on the feature selection. Check your `package.json` for a complete list.\n\n## Using plugins\n\nWhen 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.\n\n- [RainLab.User](https://github.com/scottbedard/rainlab-user-api)\n\n## Advanced usage\n\n### SEO optimization\n\nWe recommend adding the [RainLab.Sitemap](https://github.com/rainlab/sitemap-plugin) and [Bedard.Prerender](https://github.com/scottbedard/oc-prerender-plugin) plugins. When used together, these can make sure your application is compatible with crawlers for sites like Google, Facebook, and Twitter.\n\n### Continuous integration\n\nFor themes that include frontend unit tests, it's best to connect them to a service like [Circle CI](https://circleci.com) and [Codecov](https://codecov.io) 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](https://github.com/scottbedard/speedcube.site/blob/dev/circle.yml#L73-L95) as an example.\n\n## Showcase\n\nHere are a couple sites to show what Vuetober themes are capable of. Feel free to add your projects to this list!\n\n- [The Speedcube Site](https://speedcube.site)\n- [scottbedard.net](https://scottbedard.net)\n\n## License\n\n[MIT](https://github.com/scottbedard/oc-vuetober-theme/blob/master/LICENSE)\n\nCopyright (c) 2016-present, Scott Bedard\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscottbedard%2Fvuetober","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscottbedard%2Fvuetober","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscottbedard%2Fvuetober/lists"}