a stack to stake your career on ⟶ chasemoskal.github.io/glorious-frontend ⟵
free open source minimalistic clientside web application boilerplate template
you can copy/clone/fork this project and start your own application!
- minimalistic — choose your own tools, for anything you need, like page routing, or whatever
- lightweight — the infrastructure weighs less than 50 kB gzipped
- debuggable — use chrome devtools to debug at runtime, and use vscode to debug tests, sourcemaps work
- frontend-only — if you need a node server, make it a separate repo, and use containers for god's sake
- unopinionated — no linter, no hints about application architecture
- typescript — fancy future javascript
- preact — jsx view framework, lightweight react replacement
- mobx — state management, observables
- jest — testing framework
- browserify — bundle scripts and node_modules for browser consumption
- uglify — minifier, compression
- sass — fancy future css
- http-server — application is viewable and debuggable at http://localhost:8080/
- vscode settings — fancy developer experience
-
install prerequisite software
- git — source control engine [required]
- node and npm — javascript runtime and package manager [required]
- vscode — code editor, project is preconfigured [recommended]
- meld — merge tool for resolving conflicts [recommended]
-
fork or clone this repository — make your own fork of this repo, and clone it locally
-
project commands
-
npm install
this single command both installs project dependencies and runs the build (ctrl+shift+b
in vscode) -
npm start
start http server, then you can visit http://localhost:8080/ -
npm run build-debug
build while providing a better debugging experience in chrome devtools, by preserving sourcemaps, and skipping minification
-