6 ms·

A webpack boilerplate for a production-ready marketing website

60 points by geniuscarrier 11y ago

valbaca 11y ago
Anyone got a screenshot for the lazy?
- slagfart 11y ago
  Give us a screenshot, genius :D
- Brajeshwar 11y ago
  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-04-07%2007.19.33.png https://www.dropbox.com/s/o4bs537wvtvri4r/Screenshot%202016-...
- geniuscarrier 10y ago
  https://camo.githubusercontent.com/dcc4f80ba22343f81873d94c407cffa13c8e875a/687474703a2f2f67656e697573636172726965722e6d652f696d616765732f7765627061636b2d626f696c6572706c6174652e676966 https://camo.githubusercontent.com/dcc4f80ba22343f81873d94c4...
vonklaus 11y ago
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 10y ago
  Added a gif screenshot: https://github.com/geniuscarrier/webpack-boilerplate https://github.com/geniuscarrier/webpack-boilerplate
creullin 11y ago
Nice. Was looking for something like this.
notliketherest 11y ago
Thanks, we need more of these.
crcw 11y ago
Well, I just gave it a try and this is how it looks like in my browser: http://postimg.org/image/kazxyotab/ http://postimg.org/image/kazxyotab/
- pacomerh 11y ago
  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>
programminggeek 11y ago
If you need an easy place to host your static html marketing website, check out http://www.statichosting.co/ 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.
- jph00 11y ago
  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 11y ago
    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. :-)
- lfx 11y ago
  Do you have any paying customers?
- bberenberg 11y ago
  At $5 per month, isn't Firebase (https://www.firebase.com/pricing.html https://www.firebase.com/pricing.html) a better option? Static hosting, CLI deployment, plus the DB itself.
- copperx 11y ago
  One comment: The action button at the bottom looks like an ad. I missed it because I unconsciously disregarded it.
brianmurphy 11y ago
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 11y ago
  Thanks. Merged.
some1else 11y ago
The minified bundle.js for the boilerplate is 600kb. I would recommend gzipping, and packing fonts to a separate bundle.
jmknoll 11y ago
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 10y ago
  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 https://github.com/geniuscarrier/webpack-boilerplate

60 points by geniuscarrier 11y ago

valbaca 11y ago

Anyone got a screenshot for the lazy?

slagfart 11y ago
Give us a screenshot, genius :D
Brajeshwar 11y ago
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-04-07%2007.19.33.png https://www.dropbox.com/s/o4bs537wvtvri4r/Screenshot%202016-...
geniuscarrier 10y ago
https://camo.githubusercontent.com/dcc4f80ba22343f81873d94c407cffa13c8e875a/687474703a2f2f67656e697573636172726965722e6d652f696d616765732f7765627061636b2d626f696c6572706c6174652e676966 https://camo.githubusercontent.com/dcc4f80ba22343f81873d94c4...

vonklaus 11y ago

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 10y ago
Added a gif screenshot: https://github.com/geniuscarrier/webpack-boilerplate https://github.com/geniuscarrier/webpack-boilerplate

creullin 11y ago

Nice. Was looking for something like this.

notliketherest 11y ago

Thanks, we need more of these.

crcw 11y ago

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

pacomerh 11y ago
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>

programminggeek 11y ago

If you need an easy place to host your static html marketing website, check out http://www.statichosting.co/ 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.

jph00 11y ago
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 11y ago
  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. :-)
lfx 11y ago
Do you have any paying customers?
bberenberg 11y ago
At $5 per month, isn't Firebase (https://www.firebase.com/pricing.html https://www.firebase.com/pricing.html) a better option? Static hosting, CLI deployment, plus the DB itself.
copperx 11y ago
One comment: The action button at the bottom looks like an ad. I missed it because I unconsciously disregarded it.

brianmurphy 11y ago

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 11y ago
Thanks. Merged.

some1else 11y ago

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

jmknoll 11y ago

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 10y ago
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 https://github.com/geniuscarrier/webpack-boilerplate