SuperCell Front-End Build System

In this video we will be looking at my new front-end build system called SuperCell. SuperCell Is a complete rewrite with a few new tricks that overcome some of the shortcomings of jlGulp.

I wasn’t really happy how jlGulp required a second build command to create the final production bundle. Not only was it redundant, it created another entire package which needed to be verified before deployment. SuperCell now features a continuous build system where “what you see is what you get” in your final deployment.

Focus on apps

SuperCell also leans in the direction of mobile app development. It can be used for web projects but the inclusion of React is really there to help take my understanding of isomorphic javascript to the next level. Layouts now favor Flexbox over floats, Babel is use for ES6+ transpiling, and React Native can be easily added for IOS and Android development.

This build system is very specific to the way I like to code, but I’m hoping that it might be of use to others if for nothing else then to tear apart and explore. I have tried to keep it as minimal and flexible as possible to serve as a good boilerplate for the projects I work on. If you feel so inclined, please check it out on my GitHub Repo in the link below.

Like to leave a comment on this video?

Comments have been automatically closed on this post but don't let that stop you. Head on over to this videos YouTube page and let your voice be heard!

6 comments

  1. This is excellent work, Joe. Even though I’ve been a subscriber to your YouTube channel for at least a year I somehow missed your SuperCell tutorial until stumbling across it yesterday.

    It was a serendipitous find for me because I had been struggling with attempting to customize gulp.js workflows for different frameworks but results were mixed at best (sometimes there are just too many moving parts and Browserify can be very finicky). SuperCell’s straightforward task configuration and continuous build process is really easy to manage so it’s exactly what I’ve been looking for so I’m looking forward to following its ongoing development.

    Thank you very much for sharing it with all of us.

    1. Thanks Jeff,

      I also think superCell is a lot easier to reason about. I like having only the files needed to compile in the src folder instead of having Gulp rebuild all the files every time.

    2. Hey Joel,

      I just realized that I addressed you as “Joe” in my comment instead of Joel. My apologies–I’ve been sitting in front of the computer for too many hours…

Comments are closed.