Speedbag
The no-nonsense front end boilerplate
Install / Use
/learn @vtex/SpeedbagREADME
Speedbag 4
A grunt coffee/less/live-reload/cssmin/uglify/connect/angular/bootstrap/jquery/underscore boilerplate.
Quickstart
npm i -g grunt-cli releasy
cd speedbag
npm i
grunt
Have fun! Changes to your coffee, less or html files will reload the page automatically. Nice.
The compiled files can be found in the /build folder.
Distributable build (minifies, etc.)
grunt dist
The deploy-ready files can be found in the /deploy folder.
Deploying
releasy
TeamCity should pick up your new tag and start a deploy. (For details, see Releasy)
Warning: If your project is going to be an /admin check this readme or check releases-ui as an exemple
Folder structure
src- most of your files will be here.script- CoffeeScript and JS source filesstyle- CSS and LESS source filestemplates- Knockout JS style templates examplesviewsandpartials- Angular templates examplesi18n- Translations for usage with ng-translateindex.html- Your app entry point.
Gruntfile.coffee- This is the configuration file for grunt. Contains all the build tasks.build- this folder will be created after you run a grunt task.
Grunt VTEX
The Speedbag Gruntfile is actually quite empty.
This is because all tasks are defined in the meta-project grunt-vtex.
If you want to contribute an improvement to a task, please do so on that repo.
Your Gruntfile should only contain customizations that are very specific to your project.
Checking dependencies
https://david-dm.org/vtex/speedbag#info=devDependencies&view=table
Common issues:
EADDRINUSE - Someone is already using one of the ports used by this app, either connect's 9001 or LiveReload's 35729. Shut down interfering services or change the ports on Gruntfile.coffee.
VTEX - 2014
Related Skills
node-connect
337.7kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
83.3kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
337.7kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
83.3kCommit, push, and open a PR
