News for hackers. Stuff that matters.

A comment on Show HN: An illustration of Web Developer tools in 2018.

Re:Show HN: An illustration of Web Developer tools in 2018 by LeanderK on Friday January 05, 2018 @07:37AM (#16078199)
All the tools seem to mostly concern web-apps (something interactive). I have to build a essentially static website, what are my options? I am a bit out of the loop, but the appearance of the website is a bit unusual so using just a template is not possible. Should I still use a framework or just code it in raw html? If raw html is an option, how can i reuse stuff (for example hamburger menu on mobile)?
[ Parent | on HN ]
Re:Show HN: An illustration of Web Developer tools in 2018 by connorelsea on Friday January 05, 2018 @04:29PM (#16081846)
Stuff like gatsby gives you best of both worlds. Reusable component based app paradigms + extremely fast static asset serving.

https://www.gatsbyjs.org/

[ Parent | on HN ]
Re:Show HN: An illustration of Web Developer tools in 2018 by bartedinburgh on Friday January 05, 2018 @08:13AM (#16078322)
Check out static website generators like Jekyll (https://jekyllrb.com). If that doesn't meet your needs, you can still use the same tools as for a bigger webapp e.g. Node + React + Bootstrap/Materialize.

A CSS framework like Bootstrap (https://getbootstrap.com) will provide you with some easy to use components.

[ Parent | on HN ]
Re:Show HN: An illustration of Web Developer tools in 2018 by LeanderK on Friday January 05, 2018 @08:39AM (#16078440)
thank you, Jekyll probably won't suffice. What is the better option for a custom look? The style of the buttoms etc. is custom and not based on material design or any other (and also the main focus of the website). I can't share it the mockups publicly, unfortunatly.
[ Parent | on HN ]
Re:Show HN: An illustration of Web Developer tools in 2018 by nicoburns on Friday January 05, 2018 @09:20AM (#16078690)
Jekyll (and other similar projects like Hugo) will let you do custom styles. You have to write your own theme, but this is just HTML+CSS with a bit of templating. Far larger projects I would recommend using a CSS framework such as inuit.css with SASS, but for smaller projects you can get away with plain CSS.

Your other option is to use something like Laravel or Rails or Express, and just do server-side rendering. A lot of people are still doing this, and it's still well supported.

The advantage of the static site generators is much better performance / lower resource usage, at the cost of flexibility.

[ Parent | on HN ]