Gatsby VS eleventy 🕚⚡️

That's all we need todo to run our Medusa server locally. Medusa provides different storefronts which are based on Gatsby or Next.js we'll cover in later parts howto setup a storefrontend.

Gatsby as a static site generator

Node is basically back-end Javascript. While powerful alone, almost exclusively you will use a back-end framework like Next.js or Gatsby when using React, and then maybe Nuxt or Gridsome in Vue.

Tools and Frameworks such as Gatsby, Nextjs, Hugo are great choices for creating static sites.

If you want to build static website, use headless Wordpress and Graphql then I'd go for Gatsby

15. Gatsby

When I decided to rewrite my blog, one of the reasons was that I wanted to learn more about NextJS. It had already gotten some traction then, and seemed like a good fit for a blog. It was a bit overkill compared to other solutions like Gatsby, but I liked the idea of learning something that would allow me to quickly create even more complicated prototypes thanks to API routes.

Gatsby has ~54 000 Github stars and ~4 000 contributors. Its handles high-traffic sites extremely well. That’s why Cloudflare is based on Gatsby.

Recently, I revamped my blogging site from Gatsby to NextJS.

4. Static sites builders There are many static site builder tools for every framework possible, and others like Hugo and Jekyll. My go to pick is GatsbyJS

For the purposes of this tutorial, we will not be focusing on fine-tuning the site contents. Today, I will be deploying a simple static blog and have chosen to use Hugo as my framework (other popular alternatives for this purpose include 11ty, Astro, and Jekyll). I don't need any complex user interactions, so a static site generator is sufficient for my needs. If you plan to use Hugo as well, make sure it is installed on your machine. Then, open up a terminal (on Windows, it's recommended to use an Unix command line terminal or Powershell; Git Bash is usually the easiest option),

Phew! There’s more over at the beta release changelog, but with the above changes it’s clear that the Eleventy team is busier than ever, and the SSG will remain a forerunner in the field over 2023.

Eleventy (Using the Eleventy Edge plugin that is Netlify only)

Eleventy

I migrated my website from Jekyll to eleventy (11ty) recently. I wanted to preserve the same URLs for the vast majority of my webpages.

Personally, I use a SSG called Zola for my personal blog and several other small sites. I was using Netlify for hosting, which was great, but moved over to Cloudflare pages (which is also great) as they use 100% renewable electricity. I've not tried other generators, but I hear good things about Hugo and 11ty.

You're still going to have to pay for hosting. If you want something that's truly free, you can host static content with someone like Netlify on their free tier. A static site generator like https://getpublii.com/ will get you started if you aren't comfortable writing your own HTML/CSS with something like https://www.11ty.dev/

Eleventy

For example, with the eleventy (11ty) static site generator, you can use use many different template languages to create webpages. The explanations in the docs demonstrate concepts using the 4 most popular template choices in a tabbed pane, as below.