Skip to content

Automation System built with Gulp for generating static websites with (EJS, Autoprefixer, SASS, ES6, Autoreload, Favicon generator, Minification, Image Optimization)

License

Notifications You must be signed in to change notification settings

Ricka7x/static-web-boilerplate

Repository files navigation

installation

  1. clone this repo and give it your own name
git clone https://github.com/Ricka7x/static-web-boilerplate.git name-of-your-repo
  1. open package.json and change the name,description, and version(optional)

  2. customize your README.md to fit your needs

  3. run $ yarn or $ npm install

Running the app

$ yarn start or $ npm run start

Adding pages

Just copy the example index.ejs

Adding images

just add any image to .src/images

Adding custom fonts

just add it to fonts folder... the file name structure should be <family>[-<weight>][-<style>].<extension>

example: Lato-400-italic.ttf or Lato-bold-italic

visit gulp-font2css for more information

Adding custom favicon

just add it to images folder... the file must be named favicon.png though

Deployment

with surge

  1. open config.js and change domain to anything you like("no spaces allowed") and run
$ yarn deploy
  1. if you don't have a surge account you will be prompted to create it, otherwise your done 😄

with ghpages

  1. open .gitignore and remove /docs line
  2. push to github
  3. go to your repo then go to settings
  4. go to github pages section and choose master branch /docs folder

About

Automation System built with Gulp for generating static websites with (EJS, Autoprefixer, SASS, ES6, Autoreload, Favicon generator, Minification, Image Optimization)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published