Hacker News Reader

Comment by LeanderK | Hacker News Reader

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)?

View on HN

Stuff like gatsby gives you best of both worlds. Reusable component based app paradigms + extremely fast static asset serving.

https://www.gatsbyjs.org/

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.

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.

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.

Reply on news.ycombinator.com