A webpack boilerplate for a production-ready marketing website

crcw · on April 7, 2016

Well, I just gave it a try and this is how it looks like in my browser: http://postimg.org/image/kazxyotab/

pacomerh · on April 7, 2016

The page looks about right. The interesting part here is the module bundling, not the UI.

edit: this is the markup on the demo <body> Webpack Boilerplate </body>

brianmurphy · on April 7, 2016

Webpack is such a useful tool. These boilerplates are a nice way to get started.

P.S. I found a little typo in the config code and sent you a pull request with the fix.

geniuscarrier · on April 7, 2016

Thanks. Merged.

notliketherest · on April 7, 2016

Thanks, we need more of these.

jmknoll · on April 8, 2016

This looks cool. I've never used webpack, but this seems like a good place to start.

I'm a bit confused about the choice of package inclusions though. Waypoints.js and scrollTo.js both feel like pretty opinionated choices. That is, it seems like you have a particular idea in mind for the UI based on the inclusion of those packages, but the UI is empty.

I think the inclusion of a (not overly complex) UI that makes interesting use of the packages you included would help this project get a lot of traction, in that it would more viscerally demonstrate that the user can go from nothing to a pretty decent website in ~10 seconds.

geniuscarrier · on April 14, 2016

Since a lot of people asking for production/demo page/screenshot, I've added an example page as the default dev environment: https://github.com/geniuscarrier/webpack-boilerplate

vonklaus · on April 7, 2016

Seems cool, if you have this in production it would be awesome to have a link in the readme. A screenshot is the next best thing.

On mobile, supet tough to get a sense for what it is. I am familiar with the toolset, but a "production" website push to start would be pretty helpful if it was well done. I have no idea what this looks like on mobile, and even downloading the repo and running it without a screenshot might be a barrier.

cheers

geniuscarrier · on April 14, 2016

Added a gif screenshot: https://github.com/geniuscarrier/webpack-boilerplate

some1else · on April 7, 2016

The minified bundle.js for the boilerplate is 600kb. I would recommend gzipping, and packing fonts to a separate bundle.

creullin · on April 7, 2016

Nice. Was looking for something like this.

programminggeek · on April 7, 2016

If you need an easy place to host your static html marketing website, check out http://www.statichosting.co/. It's $5 a month and you can upload your site via zip file or command line.

Disclaimer: it's my service. I'd love to answer any questions you have.

copperx · on April 7, 2016

I'm really curious about the niche you're targeting.

Let me try to figure it out: people that can code a static page and use a static generator (know markup languages, maybe tempting languages, can use the command line) and people who can't use an FTP app and haven't heard of Git/Github pages.

How big is the intersection of these sets of people? I would be surprised if it's more than a handful.

I'm not trying to sound pessimistic ... I would be happy, in fact, to know that I'm wrong. So, if I may ask ... do you have more than 0 customers?

mryan · on April 7, 2016

> people who can't use an FTP app and haven't heard of Git/Github pages.

I would also add S3 to that list. I host my (admittedly low-traffic) blog on S3 with CloudFront as a CDN for <$2/month.

Blahah · on April 7, 2016

why wouldn't you do it free on github pages?

mryan · on April 8, 2016

I prefer S3 and CloudFront for various reasons, and <$2/month is so close to free that it doesn't matter.

debacle · on April 7, 2016

NSA backs up your data for free.

copperx · on April 7, 2016

One comment: The action button at the bottom looks like an ad. I missed it because I unconsciously disregarded it.

Blahah · on April 7, 2016

Even after reading this comment I still mentally classified that box as an ad and ignored it.

bberenberg · on April 7, 2016

At $5 per month, isn't Firebase (https://www.firebase.com/pricing.html) a better option? Static hosting, CLI deployment, plus the DB itself.

jph00 · on April 7, 2016

There's a few questions that I had that I'm sure others would have too, but I couldn't find any answers on your site:

* What's the maximum upload size?

* If I want to change just one file later, do I have to upload my whole site, or can I just upload that one file?

* Can I make changes as often as I want?

programminggeek · on April 7, 2016

I'm not sure what the maximum upload size is set to right now. We can adjust it higher, but our sites aren't very big so we haven't hit the limit. We also have a command line file sync tool without any particular file upload size limitation.

If you change just one file, you can upload a whole new zip, or use the command line tool with has a more intelligent sync mechanism.

Yes, you can make changes as often as you want. :-)

vnglst · on April 7, 2016

Or use surge.sh $ npm install --global surge $ surge done!

robertwpearce00 · on April 7, 2016

GitHub Pages is strong for static hosting

lfx · on April 7, 2016

Do you have any paying customers?

valbaca · on April 7, 2016

Anyone got a screenshot for the lazy?

geniuscarrier · on April 14, 2016

https://camo.githubusercontent.com/dcc4f80ba22343f81873d94c4...

Brajeshwar · on April 7, 2016

You mean of the loaded page? It is a boilerplate so, there isn't much to see. Or did you meant the build happening in the terminal?

https://www.dropbox.com/s/o4bs537wvtvri4r/Screenshot%202016-...

slagfart · on April 7, 2016

Give us a screenshot, genius :D