Your next static website, created using Qnorr.
- A computer.
- Node
>=v6.10.0
. - Gulp.
- Install `node.js >=v6.10.0, (we suggest nvm to manage your node versions)
- Install Gulp.js
npm install --global gulp-cli
- Install dependencies
npm install
npm start
ornpm run dev
orgulp
to start development environmentnpm run production
to start production environmentnpm run build
to build a production environment folder
At the moment, only GitHub pages are supported to host your site/app. Maybe it makes sense to support other free platforms like Now.sh in a near future.
npm run deploy
will do all the magic. It assumes your current git repo as the destination.
Already bought a domain? 👌
- Add it to CNAME in the
src/CNAME
file. - Config your domain register service to point to githubPages. Here's how to do it on NameCheap;
- Deploy it again
Feature | Summary |
---|---|
Responsive boilerplate | Inherits all the good parts of your also good ol'friend Sassqit aligned with current Whitesmith Best Practivces |
HandleBars Templating | Using Panini from Zurb. |
Sass Handling | Using LibSass with gulp-sass |
Performance optimization | Minify and concatenate JavaScript, CSS, HTML and images to help keep your pages lean. |
Swiper Slider | By iDangerous, if you need to quickly prototype touch related interactions or simply display a nice responsive carousel |
EditorConfig | Uniform spaces and tabs across text editors. Add it to your texteditor, your teammates will like it. |
Optional critical path CSS | run npm run criticalCSS after build. It uses loadCSS and cssPreload.js polyfill from FilamentGroup |
Page speed Tests | Brought to you by google page speed insights. After deployment run npm run how_fast , it will use the domain set as homepage in your package.json for the test |