{"repo":"wearemd/spa-starter","free":true,"listed":false,"github":"https://github.com/wearemd/spa-starter","clone":"git clone https://github.com/wearemd/spa-starter.git","description":"📦 A starter template for single page applications (SPA)","language":"JavaScript","stars":17,"topics":["starter","starter-template","starter-kit","single-page-application","spa","single-page-application-with-vue","make","makefile","yarn","babel"],"license":"GPL-3.0","category":"saas-starters-boilerplates","readme_excerpt":"SPA starter is a starter template for single page applications. Stack: esbuild , minireset.css , Pug , Sass , Vue.js , Vue Router , Webpack . - - - 📝 Table of contents - Prerequisites - Commands - Project structure - Layout structure - Constant per environment - Cache busting - Authors - Contributing - License - - - ⚙️ Prerequisites - asdf - Make - Node.js - Yarn ⌨️ Commands Serve 💡 This command will also install dependencies on first run and when package.json or yarn.lock files are updated. Build 💡 This command will also install dependencies on first run and when package.json or yarn.lock files are updated. Help 🗄️ Project structure 🖥 Layout structure The starter comes with a simple layout, structured like the following: Highlighting site structure There is also a Sass utility allowing to highlight the site structure (pretty useful in development). Simply uncomment @import \"dev/structure.sass\" in app.vue if you want to use it. ⚙️ Constant per environment Follow these steps if you want to define a constant that can change based on Webpack environment. Step 1: Declare the constant in package.json (usually for development environment): Step 2: Override the constant by editing the related webpack/[env].js file: Now you can use this constant in every .vue / .js file inside src and it will change depending on Webpack environment. 🍱 Cache busting Our strategy for cache busting is to automatically append a .[generated-hash] to each asset file name. You can read more about cach","default_branch":null,"files":null,"tree":[],"storefront":"/r/wearemd","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/wearemd/spa-starter/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}