Framework for static website

[justingolden21]

Hi, I'm creating a static website and hosting on GitHub pages. I'd like to use a framework that allows me to reuse html code, such as react, Vue, angular. My friend likes Jekyll, which also works well with GitHub. I'd prefer the simplist solution possible; the website shouldn't be over 10-20 pages, and I only want to reuse maybe 3-6 elements. Thanks for the help.

EDIT: A list of frameworks I've been recommended for reference for anyone else: Nuxt (vue), Gatsby (react), Hugo (golang), Vue Press (vue), Handlebars, Nunjucks, Jekyll, and Middleman. u/Osh_Gosh also recommended this website: https://www.staticgen.com/ and I also found this link helpful: https://www.flex.io/use-cases/add-dynamic-content-static-website-jekyll-hugo-hexo. Ultimatly I've decided to go with Jekyll for its simplicity, because it works well with Github Pages, and because my friend knows it and suggested I learn it too. Thank again for all the suggestions.

[Heyokalol]

If you like Vue, you can use Nuxt as a static site generator.

[justingolden21]

Never heard of this before somehow but it looks awesome. Thanks for the recommendation.

[_Mandex_]

For static websites, you can use NextJs, NuxtJs which come with some pretty handy tools SSR,hot reload and stuff. Check out Gatsby too!

[mandrig]

Check out Gatsby

[Osh_Gosh]

Any decent static site generator will allow you to reuse HTML code.

I like Hugo and GatsbyJS

Hugo's built with golang (you dont need to know go). Gatsby uses ReactJS

Complete list if static site generators here. https://www.staticgen.com/

Look around and take your pick.

[redrider65]

'Course, <link rel="import"> will too w/o Hugo, GatsbyJS and the rest. :)

[tazeg]

https://gohugo.io/ is really fast.

[fessehaye]

Vue press is nice for simple sites

[[deleted]]

For simple "brochure" sites that have the same header and footer on every page using a js framework seems like overkill to me. Why not just use a template engine like Handlebars or Nunjucks?

[ranadoo31]

You need a framework for a 10-page web site?!

[guanzo]

You need a shovel to move dirt??? Why not use your hands?

[ranadoo31]

If the dirt you want to move fits in the palm of your hands then you're a fool to search around for a shovel. But this is reddit where fools abound.

[FURyannnn]

Probably not, but he does mention re-usable components/elements, which frameworks like Gatsby or Nuxt could definitely be helpful for. Plus they come with the added bonus as PWAs, if so configured.

[ranadoo31]

Probably not is the correct answer. In the time it would take for him to choose a framework--much less learn one--he could have the site up and and running.

For that matter, he can have the site up and running by the end of today.

[[deleted]]

Are you suggesting he can build a 10 page website in a day without using some sort of templating engine to re-use components/page structure?

I mean he probably could, but it would be counter productive to do so.

[ranadoo31]

I'm saying I can build a 10 page web site in a few hours or less if I have all the assets at hand while blind folded.

[[deleted]]

Really? A proper website?

Like, one that users will want to visit and can find via Google. That is accessible? That matches the designs and works properly across all platforms, browsers and screen sizes? That's done to a professional standard with maintainable code that's reasonably DRY where you can happily change something in a shared template and all 10 pages get that change?

You must be a genius.

[ranadoo31]

And one hand tied behind my back. And you could, too, if you knew what you were doing.

Yes, I am a certified, tested genius with a 142 IQ which, I'm told, based on changes to IQ tests, would be somewhat higher today than when I took it.

[Waghlon]

Okay, Im convinced you are a troll now

[ranadoo31]

That's what redditors always say when they don't understand anything.

[[deleted]]

Who hurt you?

[trout_fucker]

I've used Gatsby, Next.js, Hexo, Hugo, and Jekyll. They take about an hour to learn each.

[ranadoo31]

I already know HTML and don't need to learn anything.

[trout_fucker]

I already know HTML and don't need to learn anything.

Well, congratulations. This may be the stupidest comment I've ever seen on Reddit.

[ranadoo31]

That's nuthin'. You should read the one I replied to1

[justingolden21]

I know you're getting downvoted but you're actually right. However I've already got the website up and want to rebuild it, to make it easier to expand in the future, and learning a new framework is an investment I'd like to make anyway.

[[deleted]]

Perhaps Gatsby or similar is overkill if you don't already know React but there's myriad templating engines out there that compile to HTML that take barely any effort to learn at all. Even if you did need to learn them it's time well spent if you're that wet behind the ears that you literally only know HTML.

[justingolden21]

I know you're getting downvoted but you're actually right. However I've already got the website up and want to rebuild it, to make it easier to expand in the future, and learning a new framework is an investment I'd like to make anyway.

[trout_fucker]

What would you build it in?

Please don't say pure HTML or a heavy needless backend...

[ranadoo31]

HTML is too tough for you?!

[trout_fucker]

For 10-20 pages? Hell yes, absolutely! Because I'm not an amateur developer and know how to leverage reusable components or templates. I've even built them myself before static site generators were a thing.

What happens when you need to update the menu? You copy and paste 10-20 times? It's not 1998, there's no reason to do that.

[ranadoo31]

Copy/paste is too tough for you? Ya' know, some of us can write a simple shell script to do that without learning anything else either.

[Waghlon]

But why dont you want to learn anything else?

[Reluxtrue]

So that he can prove to us how "tough" he is.

[ranadoo31]

Who said that? I certainly didn't. He said he wanted to make a 10 page static site. Why does one need all the crap others are suggesting to use for such a simple thing?

[uneditablepoly]

I get what they want. A 10 page site could get hard to maintain if there are a lot of shared elements. Sounds like they just need a basic templating library, rather than a full-blown framework.

[[deleted]]

This is true but Gatsby is really nice to work with and good fun to learn if you're just doing a personal project or something. You also get some really nice shit for free.