How to create a landing page for your project in 30 minutes

At August Labs (A initiative by Skcript), we have been trying out things that could help us and other people create something stable and faster.

For once, we got tired of the heaviness that Jekyll is carrying with it. So we jumped ship to try out at least 10 other static site generators, but nothing really caught up to what we were looking for.

To sum things up, here’s what we were looking at:

  • Speed; the moment we hit the Cmd + S, we wanted the re-generation to happen
  • Livereload; all the changes must refresh real-time on the browser
  • Easy to share; we wanted to share a URL within August Labs for reviews across teams
  • Re-usability; we wanted to be able to create a template that everyone in the company can re-use and come up with really quick landing pages, either for marketing purposes or any hack project that our engineers would work on

To solve this problem, we came up with Skcript Gulp Starter template. Here’s what we came up with:

Subscribe to Sudo vs Root

Our newsletter rolls out every 15 days. No fluff. Pure content.


FeaturesTools Used
CSSSass (Libsass via node-sass), Autoprefixer, CSSNano, Source Maps
JavaScriptBabel, Webpack
HTMLNunjucks, gulp-data, or bring your own
ImagesCompression with imagemin
IconsAuto-generated SVG Sprites and/or Icon Fonts
FontsFolder and .sass mixin for including WebFonts
Live UpdatingBrowserSync, Webpack Dev Middleware, Webpack Hot Middleware
Production BuildsJS and CSS are uglified and minified, filename md5 hashing (reving), file size reporting, local production Express server for testing builds.
JS TestingKarma, Mocha, Chai, and Sinon, Example Travis CI integration
DeploymentQuickly deploy public folder to gh-pages with gulp-gh-pages

The entire starter template is completely customizable and you are free to use it for anything under the roof. One of the best use-cases that I could think of right away, is when you are at hackathons or Startup Weekends. These are the places where you would want to create something real quick and push it out.

Comments and Discussions

Skcript https://www.skcript.com/svr/creating-a-landing-page-in-30-minutes/ https://www.skcript.com/svrmedia/heroes/skcript-gulp-starter.jpg