5 ms·

Can anyone recommend the most effortless static site generators to go along with this? I'd love something that I can just pick a template, write a command, and

by yosito 5y ago

Can anyone recommend the most effortless static site generators to go along with this? I'd love something that I can just pick a template, write a command, and have a basic starter site for my idea up and running in less than 15 minutes. My ideal workflow would be something like: 1) Buy a domain 2) npx create-fast-site --template basic-landing-page 3) echo "Hello, world!" > home.md 4) npm run build 5) Drag and drop build directory to Netlify 6) Add my domain to Netlify

40four 5y ago
For what it’s worth, my favorite is Eleventy https://www.11ty.dev/ https://www.11ty.dev/ It has a plethora of templating options, and I find the dev experience to be very nice. It is very flexible, and does not force you to follow any rigid pattern, like many others do.
hnaccount141 5y ago
I've found Hugo to be a good option. https://gohugo.io/ https://gohugo.io/
- DoctorOW 5y ago
  Hugo is absolutely fantastic and incredibly powerful. It's nowhere near as simple as was requested. It's the most setup of any of the SSGs worth using.
  - skrtskrt 5y ago
    The biggest issue with Hugo for me was trying to create a custom theme (in order to get a stripped-down site without a bunch of BS), everything breaks if you don't arrange all the files exactly the way required by Hugo themes. Once I got that, and learned some Go templating in the process, it's just markdown files, fire and forget.
  - qudat 5y ago
    Agreed. I have been using hugo for my blog https://erock.io https://erock.io and I still don't completely understand how it works. I just have enough to pattern match on to figure things out
  - cpach 5y ago
    It does indeed have a bit of a learning curve. IMHO it’s worth the investment, YMMV.
  - knuthsat 5y ago
    I don't find it powerful at all. Very hard to map through structures in templates. Much easier to write templates in a real language. Most of the time I need to map data to something else suitable for rendering. That mapping goes from markdown frontmatter to some nice form. I ended up not using templates at all due to how cumbersome it is to write any kind of data transformations inside the template language. Might as well just generate html myself. A nice example is generating menu contents from a list of menu items with their sort weight and links. Ends up being very cumbersome.
jokethrowaway 5y ago
1) Fork a svelte-kit or next project on GitHub 2) Open Vercel (or Netlify) 3) Select the repo you forked 4) Add domain You're live If you want something blog-like: https://github.com/rodneylab/sveltekit-blog-mdx https://github.com/rodneylab/sveltekit-blog-mdx
- tomnipotent 5y ago
  Can confirm. Took me about 20 minutes last week to purchase a new domain, change name servers to Cloudflare, create a Vercel account, setup a project, add a custom domain, and then update A/cname records. I'd never used Vercel before then.
andyford 5y ago
Bet on Eleventy... the creator of it works for Netlify
marcus_cemes 5y ago
I've heard good things about https://gohugo.io/ https://gohugo.io/ (written in Go) and https://elderguide.com/tech/elderjs/ https://elderguide.com/tech/elderjs/ (uses Svelte), I've never used them though
kuon 5y ago
I use zola now. With esbuild if I need to compile/bundle js.
- asimpletune 5y ago
  I second Zola. I use it with tailwind too.
  - tdhz77 5y ago
    Been playing around with Zola. Need to get tailwindcss hooked up. I ran into an issue when building with netlify. https://tylerharpool.com/netlify/ https://tylerharpool.com/netlify/
    - asimpletune 5y ago
      Tailwind doesn’t work natively w Zola, but because Zola is so fantastic it’s super easy to use a makefile or npm build script or something and effectively bolt on the integration quite easily
  - tomnipotent 5y ago
    I was completely confused with tailwind/headlessui when I tried out the Next.JS starter kit a few months ago. Then I slowly replaced my custom CSS with tailwindcss, and in about an hour only tailwind was left. Something delectable about starting off "wtf is this stupid shit?" and ending with "it all makes perfect sense". Also heroicons.
- mr-karan 5y ago
  +1 for Zola I wrote a post on my reasons for moving away from Hugo https://mrkaran.dev/posts/migrating-to-zola/ https://mrkaran.dev/posts/migrating-to-zola/
bravefoot 5y ago
I've used eleventy (https://www.11ty.dev/ https://www.11ty.dev/) with Netlify and it was very simple. Eleventy is the most featureful static site generator out there, but its probably the easiest to use.
robbiemitchell 5y ago
Review the list and pick something written in a language you're most comfortable with, which has a decent amount of stars indicating the dev/theme ecosystem. https://jamstack.org/generators/ https://jamstack.org/generators/
- nitrogen 5y ago
  Do the letters in Jam stand for anything like they do in e.g. LAMP? There was no acronym expansion or mention of the name's origin on jamstack.org's top-level page. Edit: eventually found an original definition on Wikipedia: "Javascript, API and Markup (generated by a static site generator)"
crate_barre 5y ago
I’ll do you one better. Make an HN account, submit your blog posts as a text submission. Get a domain and redirect it to: https://news.ycombinator.com/submitted?id=yosito https://news.ycombinator.com/submitted?id=yosito Or even better better, get a domain, make an index.html with two tags in the body, like so: <H1>My blog posts</H1> <iframe src=“https://news.ycombinator.com/submitted?id=yosito” https://news.ycombinator.com/submitted?id=yosito” /> Then just make your posts on HN.
- reidjs 5y ago
  This is a clever hack, serverless!
notsureaboutpg 5y ago
Can't recommend it (I haven't used it yet), but astro has been coming up a lot lately in my circles. Seems great, especially if you are putting up a frontend blog. You can ship static assets wherever possible and javascript / react / svelte / etc. when you want to.
dimitrios1 5y ago
I'm trying it out now, but I am finding that Svelte Kit does this.
machiaweliczny 5y ago
For my blog I'm using Next.js with https://mdxjs.com/ https://mdxjs.com/ and if you know react it's great
- yosito 5y ago
  Oh, mdx looks really cool. Could be cool to build a data viz blog with that and OWID's grapher.
srik 5y ago
Jekyll still fits the bill. It is simple, does data with collections, supports templates(which accept parameters and can thus be "component-ized"). It's also supported natively by GitHub which is a big plus, because you can hook up your repo to a custom domain for free too.
triptych 5y ago
A new player here is Astro --> https://astro.build/ https://astro.build/ It is surprisingly simple. Made by the folks who created snowpack.
- primozk 5y ago
  Intresting that they're switching from Snowpack to Vite then.
schwartzworld 5y ago
pandoc
50 5y ago
Alternatively, you can use something like https://blot.im/ https://blot.im/ - "...turns a folder into a blog... you put files inside your blog’s folder [and] they become blog posts."
tomcam 5y ago
Please please contact me. I’m working on something that’s even easier. It will be open source so this is not a marketing pitch. But it’s quite near the point where I would like outside eyes on it.

by yosito 5y ago

40four 5y ago

For what it’s worth, my favorite is Eleventy https://www.11ty.dev/ https://www.11ty.dev/ It has a plethora of templating options, and I find the dev experience to be very nice. It is very flexible, and does not force you to follow any rigid pattern, like many others do.

hnaccount141 5y ago

I've found Hugo to be a good option. https://gohugo.io/ https://gohugo.io/

DoctorOW 5y ago
Hugo is absolutely fantastic and incredibly powerful. It's nowhere near as simple as was requested. It's the most setup of any of the SSGs worth using.
- skrtskrt 5y ago
  The biggest issue with Hugo for me was trying to create a custom theme (in order to get a stripped-down site without a bunch of BS), everything breaks if you don't arrange all the files exactly the way required by Hugo themes. Once I got that, and learned some Go templating in the process, it's just markdown files, fire and forget.
- qudat 5y ago
  Agreed. I have been using hugo for my blog https://erock.io https://erock.io and I still don't completely understand how it works. I just have enough to pattern match on to figure things out
- cpach 5y ago
  It does indeed have a bit of a learning curve. IMHO it’s worth the investment, YMMV.
- knuthsat 5y ago
  I don't find it powerful at all. Very hard to map through structures in templates. Much easier to write templates in a real language. Most of the time I need to map data to something else suitable for rendering. That mapping goes from markdown frontmatter to some nice form. I ended up not using templates at all due to how cumbersome it is to write any kind of data transformations inside the template language. Might as well just generate html myself. A nice example is generating menu contents from a list of menu items with their sort weight and links. Ends up being very cumbersome.

jokethrowaway 5y ago

1) Fork a svelte-kit or next project on GitHub 2) Open Vercel (or Netlify) 3) Select the repo you forked 4) Add domain You're live If you want something blog-like: https://github.com/rodneylab/sveltekit-blog-mdx https://github.com/rodneylab/sveltekit-blog-mdx

tomnipotent 5y ago
Can confirm. Took me about 20 minutes last week to purchase a new domain, change name servers to Cloudflare, create a Vercel account, setup a project, add a custom domain, and then update A/cname records. I'd never used Vercel before then.

andyford 5y ago

Bet on Eleventy... the creator of it works for Netlify

marcus_cemes 5y ago

I've heard good things about https://gohugo.io/ https://gohugo.io/ (written in Go) and https://elderguide.com/tech/elderjs/ https://elderguide.com/tech/elderjs/ (uses Svelte), I've never used them though

kuon 5y ago

I use zola now. With esbuild if I need to compile/bundle js.

asimpletune 5y ago
I second Zola. I use it with tailwind too.
- tdhz77 5y ago
  Been playing around with Zola. Need to get tailwindcss hooked up. I ran into an issue when building with netlify. https://tylerharpool.com/netlify/ https://tylerharpool.com/netlify/
  - asimpletune 5y ago
    Tailwind doesn’t work natively w Zola, but because Zola is so fantastic it’s super easy to use a makefile or npm build script or something and effectively bolt on the integration quite easily
- tomnipotent 5y ago
  I was completely confused with tailwind/headlessui when I tried out the Next.JS starter kit a few months ago. Then I slowly replaced my custom CSS with tailwindcss, and in about an hour only tailwind was left. Something delectable about starting off "wtf is this stupid shit?" and ending with "it all makes perfect sense". Also heroicons.
mr-karan 5y ago
+1 for Zola I wrote a post on my reasons for moving away from Hugo https://mrkaran.dev/posts/migrating-to-zola/ https://mrkaran.dev/posts/migrating-to-zola/

bravefoot 5y ago

I've used eleventy (https://www.11ty.dev/ https://www.11ty.dev/) with Netlify and it was very simple. Eleventy is the most featureful static site generator out there, but its probably the easiest to use.

robbiemitchell 5y ago

Review the list and pick something written in a language you're most comfortable with, which has a decent amount of stars indicating the dev/theme ecosystem. https://jamstack.org/generators/ https://jamstack.org/generators/

nitrogen 5y ago
Do the letters in Jam stand for anything like they do in e.g. LAMP? There was no acronym expansion or mention of the name's origin on jamstack.org's top-level page. Edit: eventually found an original definition on Wikipedia: "Javascript, API and Markup (generated by a static site generator)"

crate_barre 5y ago

I’ll do you one better. Make an HN account, submit your blog posts as a text submission. Get a domain and redirect it to: https://news.ycombinator.com/submitted?id=yosito https://news.ycombinator.com/submitted?id=yosito Or even better better, get a domain, make an index.html with two tags in the body, like so: <H1>My blog posts</H1> <iframe src=“https://news.ycombinator.com/submitted?id=yosito” https://news.ycombinator.com/submitted?id=yosito” /> Then just make your posts on HN.

reidjs 5y ago
This is a clever hack, serverless!

notsureaboutpg 5y ago

Can't recommend it (I haven't used it yet), but astro has been coming up a lot lately in my circles. Seems great, especially if you are putting up a frontend blog. You can ship static assets wherever possible and javascript / react / svelte / etc. when you want to.

dimitrios1 5y ago

I'm trying it out now, but I am finding that Svelte Kit does this.

machiaweliczny 5y ago

For my blog I'm using Next.js with https://mdxjs.com/ https://mdxjs.com/ and if you know react it's great

yosito 5y ago
Oh, mdx looks really cool. Could be cool to build a data viz blog with that and OWID's grapher.

srik 5y ago

Jekyll still fits the bill. It is simple, does data with collections, supports templates(which accept parameters and can thus be "component-ized"). It's also supported natively by GitHub which is a big plus, because you can hook up your repo to a custom domain for free too.

triptych 5y ago

A new player here is Astro --> https://astro.build/ https://astro.build/ It is surprisingly simple. Made by the folks who created snowpack.

primozk 5y ago
Intresting that they're switching from Snowpack to Vite then.

schwartzworld 5y ago

pandoc

50 5y ago

Alternatively, you can use something like https://blot.im/ https://blot.im/ - "...turns a folder into a blog... you put files inside your blog’s folder [and] they become blog posts."

tomcam 5y ago

Please please contact me. I’m working on something that’s even easier. It will be open source so this is not a marketing pitch. But it’s quite near the point where I would like outside eyes on it.