Liquid
Gatsby
Our great sponsors
Liquid | Gatsby | |
---|---|---|
40 | 356 | |
10,756 | 54,973 | |
1.0% | 0.1% | |
7.5 | 9.4 | |
8 days ago | 9 days ago | |
Ruby | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Liquid
-
Eleventy vs. Next.js for static site generation
Inside the blog directory, create an index.liquid file. This will be our blog’s homepage. Eleventy provides a number of options when selecting a template engine. For this project, we’ll use Liquid.
-
How To Choose the Best Static Site Generator and Deploy it to Kinsta for Free
Templating engine: SSGs rely on templating engines to define the structure of web pages. These engines enable developers to create reusable templates and incorporate dynamic content. Popular templating engines include Liquid, Handlebars, Mustache, EJS, ERB, HAML, and Slim.
-
How easy is ruby to learn from zero experience coding
For example, their theme templates use Liquid, which is a html templating system for Ruby. Activemerchant also was released by Shopify, and it provides a interface to major payment providers like PayPal.
-
👀 Is anyone interested in reviewing my GitHub Pages and Docker training video?
In the meantime, Liquid v4.0.4 has been released, and allows building a Jekyll site with the latest Ruby.
-
Running Eleventy Serverless On AWS Lambda@Edge
Then, let’s create the simplest template for our static Eleventy page. We’ll write it using Liquid, but since it’s so simple, it won’t take advantage of any useful templating tags for now. Let’s call it index.liquid:
-
Consider the Jamstack for Your Next Solo Project
Previously I have used Jekyll for blogging and it has served me well for simple blogs and static websites. Jekyll is a static site generator that relies on Markdown, Liquid, HTML, and CSS. Which means no JavaScript -- a Jamstack without the J. With GitHub Pages you can even host Jekyll sites directly from your repository.2
-
What’s everyone working on this week (1/2023)?
Before march of last year, I was running Jekyll as my static site generator. It uses markdown and Liquid. My goal was to write a static site generator that would be a drop-in replacement so that I wouldn't have to change any of the input files.
-
What is a tool you use or a bit of code that you like to use that you feel is worth bragging about?
For most of the common things I have to program, I didn't just program it, I programmed a program to generate it. Mostly an engine that parses Liquid Templates.
-
Using DotLiquid to create a custom template in Asp.Net Core
Liquid is an open-source template language created by Shopify and written in Ruby. It can be used to add dynamic content to pages, and to create a wide variety of custom templates. While DotLiquid is a templating system ported to the .NET framework from Ruby’s Liquid Markup.
-
New Names / Renaming for Oil?
Simpsons did it! Simpsons did it! :)
Gatsby
-
Gatsby tutorial: Build a static site with a headless CMS
A Gatsby site uses Gatsby, which leverages React and GraphQL to create fast and optimized web experiences. Gatsby is often used for building static websites, progressive web apps (PWAs), and even full-blown dynamic web applications.
-
Building a High-Performance Website with Next.js and WordPress
While Next.js is a powerful framework for building server-rendered React applications, it's not the only option for developers looking to create high-performance websites. One notable alternative is Gatsby, a static site generator that leverages React and GraphQL.
-
The Current State of React Server Components: A Guide for the Perplexed
The other piece of important information to acknowledge here is that when we say RSCs need a framework, “framework” effectively just means “Next.js.” There are some smaller frameworks (like Waku) that support RSCs. There are also some larger and more established frameworks (like Redwood) that have plans to support RSCs or (like Gatsby) only support RSCs in beta. We will likely see this change once we get React 19 and RSCs are part of the Stable version. However, for now, Next.js is currently the only framework recommended in the official React docs that supports server components.
-
A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
GatsbyjsCMS - Gatsby is the fast and flexible framework that makes building websites with any CMS, API, or database fun again. Build and deploy headless websites that drive more traffic, convert better, and earn more revenue!
-
ReactJS Good Practices
GatsbyJS
-
Abstract Syntax Trees and Practical Applications in JavaScript
Babel plugins are everywhere. From being used to remove unwanted exports from files in Gatsby to being used to disallow users from doing re-exports in Nextjs.
-
How To Choose the Best Static Site Generator and Deploy it to Kinsta for Free
In terms of GitHub stars, SSGs like Next.js, Hugo, Gatsby, Docusaurus, Nuxt.js, and Jekyll top the list. Some popular SSGs even host conferences and workshops, providing resources and networking opportunities for those looking to explore more advanced topics in depth.
-
Finding the Best React CMS: A Comprehensive Guide
Flexibility : Developers have complete control over the frontend so they can use their preferred tools and frameworks like React, Next.js, Gatsby, or Remix.
-
Chakra UI vs Shadcn UI
Both Chakra UI and Shadcn supports reusable components and can be used with different frameworks like React, Gatsby, Next etc.
-
Converting a Gatsby Site to Use TypeScript
Alternatively, you can use the tsconfig.json file from the official Gatsby minimal starter TypeScript repository:
What are some alternatives?
Svelte - Cybernetically enhanced web apps
nunjucks - A powerful templating engine with inheritance, asynchronous control, and more (jinja2 inspired)
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
Mustache - Logic-less Ruby templates.
SvelteKit - web development, streamlined
React - The library for web and native user interfaces.
Express - Fast, unopinionated, minimalist web framework for node.
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
Slim - Slim is a template language whose goal is to reduce the syntax to the essential parts without becoming cryptic.
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
Nest - A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript 🚀
Haml - HTML Abstraction Markup Language - A Markup Haiku