Code Monkey home page Code Monkey logo

goalup-kickstart's Introduction

Kickstarter CLI for your static-websites with best practices. Easily extendible!

What is goalup-kickstart?

A CLI tool to generate Simple and Lightweight boilerplate with standard web practices, with gulp blended underneath.

Serve your web pages in Vintage style, and with Full-control on What and How your CSS and JS bundles with each route in a structured way. And Production-run simply bakes your static website ready to be served.

(WIP: Work recently started. Watch out the space.)

Installation:

npm install -g goalup-kickstart

Getting Started:

goalup-kickart new project_name
cd project_name


Features Supported

  • es6+ JS
  • CSS preprocessor (stylus) and auto-prefixers
  • Template engine and partials (.pug)
  • Data reading (.yml)
  • Production-ready build (Minification + File hashing)
  • Lazy load images (+ Option to provide placeholder low quality image)
  • static file serving (Copied directly to build folder. Use goalup-minify in case you need to minify assets inside)
  • sitemap and robot.txt
  • FE auto-redirect script
  • Pretty Urls (Directory Indexes)
  • Get gzipped versions of assets HTML, CSS, Javascript and other files.

Full control on how files are bundled.

  • (Internal + External CSS + External source CSS) + Helper CSS files
  • (JS in html + External JS + External source JS) + Reusable JS helpers
  • Common banner and footer across pages + Escape it on some pages
  • Boilerplate generated is fully extendible/modifiable



Scope for this boilerplate:

  • Production-ready build - Add support for Environment variables
  • Add support markdown
  • Live-reloading
  • Unit testing (chai + mocha)
  • Puppeteer test to check all routes are loaded fine without JS/CSS errors.
  • ESLint
  • CSSLint

Next Steps for You!

  • Animation Optimizations / Sequencing
  • Lighthouse for page loading speeds
  • PWA
  • Workbox
  • GA events
  • Polyfills
  • Cross browser Testing! Browserstack
  • For IE 8 support, use es5-shims

Kudos!

Kudos is an amazing way to exchange appreciation for the project and inspire others.
Using goalup-kickstarter in public projects? Add url below!

Further Goals with goalups:

  • goalup-tour
  • goalup-snackbar

https://middlemanapp.com/basics/frontmatter/ https://github.com/middleman/middleman https://github.com/cveneziani/middleman-boilerplate https://github.com/vigetlabs/blendid https://github.com/jbrodriguez/hugulp

goalup-kickstart's People

Contributors

aseem2625 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.