Startover is a highly opinionated boilerplate for developing static websites on your Mac using HTML5, Sass, Gulp and ES2015. With Startover you don't have to start over!
I agree! We really don't need more boilerplates or frameworks for developing websites. Startover relies heavily on the works of others like html5boilerplate. However none of the boilerplates I've stumbled upon have been right for me. Startover is not for everyone. I created Startover to fit my workflow with the tools I like to use when developing websites. Starover can be used either as it is or as an inspiration for your development workflow.
A few disclaimers:
- Startover is based on my workflow and how I work with static site development. I don't expect the code to be usable for anyone else but if you can use it that makes me happy!
- The code in this repository is mostly undocumented. That means if you have no idea what some of the code do or just have a question, then just open up a new issue and I will try to respond.
The code in this repo assumes that you're familiar with the following technologies:
- Gulp. A toolkit for automating tasks like moving, copying, building or otherwise manipulating files.
- Sass. A superset of CSS that enables nesting, functions, mixins and more.
- BEM. A strategy for naming CSS classes and HTML elements in a modular reusable fashion.
- Handlebars. A templating language for HTML written in Javascript.
- Express. A simple web server written running on node.js
- Babel. A compiler that generates web browser supported Javascript from your ES2015/ES2016 code.
- Dokku. A docker powered PaaS server. (Basically allows you to have your own Heroku server).
Other technologies used in this boilerplate: BrowserSync, Browserify, jQuery, Ladda, normalize.css, retina.js, Watchify.
Here are some sites that uses Starover 2.0:
Here are some sites that was built with Startover 1.0:
- robo.cat (Source)
- itsbreaking.com (Source)
- thermodo.com (Source)
- televisedapp.com (Source)
- designdk.co (Source)
- cphfront.com (Source)
If you're using Startover you should totally tell me so you can get featured here on this list of awesome sites (self-five).
You need to have the following installed to use the code in this repository:
The ease way to get node.js and GraphicsMagick on a mac is using homebrew. Just run:
brew update & brew install node graphicsmagick
Clone the repository:
git clone git@github.com:ksmandersen/startover.gitInstall the project dependencies for ruby gems and node packages:
npm install
To run the local development version of the site with browser sync:
npm run dev
Build a local version of the site:
npm run build
Build a release version of the site:
npm run build-production
I've been using Dokku for some time to deploy this stack. The repo includes a simple nodejs server app running on express to serve the static content of the site. You should be able to deploy the code anywhere that accepts a simple nodejs app, like Heroku.
The MIT License (MIT) Copyright (c) 2013-2016 Kristian Andersen
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.