A webpack boilerplate for a production-ready marketing website | Hacker News Reader

A webpack boilerplate for a production-ready marketing website

github.com

60 pointsgeniuscarrier29 comments

Open articleView on HN

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

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>

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.

Thanks. Merged.

Thanks, we need more of these.

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.

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

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

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

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

Nice. Was looking for something like this.

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.

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?

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. :-)

Do you have any paying customers?

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

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

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

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?

> 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.

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

NSA backs up your data for free.

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

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

GitHub Pages is strong for static hosting

Anyone got a screenshot for the lazy?

Give us a screenshot, genius :D

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-...

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

Reply on news.ycombinator.com