5 ms·

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

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

bartedinburgh 9y ago
Check out static website generators like Jekyll (https://jekyllrb.com 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 https://getbootstrap.com) will provide you with some easy to use components.
- LeanderK 9y ago
  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.
  - nicoburns 9y ago
    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.
connorelsea 9y ago
Stuff like gatsby gives you best of both worlds. Reusable component based app paradigms + extremely fast static asset serving. https://www.gatsbyjs.org/ https://www.gatsbyjs.org/

bartedinburgh 9y ago

Check out static website generators like Jekyll (https://jekyllrb.com 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 https://getbootstrap.com) will provide you with some easy to use components.

LeanderK 9y ago
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.
- nicoburns 9y ago
  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.

connorelsea 9y ago

Stuff like gatsby gives you best of both worlds. Reusable component based app paradigms + extremely fast static asset serving. https://www.gatsbyjs.org/ https://www.gatsbyjs.org/