eleventy 🕚⚡️
astro
eleventy 🕚⚡️ | astro | |
---|---|---|
252 | 551 | |
17,139 | 46,511 | |
1.1% | 1.6% | |
9.7 | 9.9 | |
5 days ago | 2 days ago | |
JavaScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
eleventy 🕚⚡️
-
How to build a blog with NodeJS
If you're looking to start a blog (or if you're thinking of redesigning yours although you haven't posted in 2 years), you'll stumble upon a lot of options and it can be incredibly daunting; and if you stumble with the newest Josh's post about his stack it is easy to feel overwhelmed with the shown stack.
-
Ask HN: Is It Time for a WordPress Alternative?
I also proposed using Bootstrap with https://www.11ty.dev for the templates. It's much easier to update a JSON file than to work with WordPress.
By using relative paths for assets and loading Bootstrap from a CDN, I can zip the website and share it via email.
-
Eleventy - Is it time to upgrade to version 3?
I made a new branch of my website and followed the instructions in the v3.0.0-beta.1 release notes:
-
How I extend my blog with gamified learning
I write and create my posts using markdown, this is then converted to html with 11ty engine. The layout of the page are decided by the metadata in the front matter section, 11ty the uses the layouts I have created using Nunjucks. This way I can add metadata and control how the page is rendered, I can inject sections and links.
-
Ask HN: What is the best way to author blogs in 2024v
Eleventy. It’s a static site generator that’s super stable, they take backwards compatibility ver seriously so you can count on it for a long time. It’s lightweight so you don’t have to install a million dependencies to get it working, and it’s the only one of the big SSG projects that’s independently funded so they’re not chasing VC backed hyper growth.
https://www.11ty.dev/
-
Writing HTML by hand is easier than debugging your static site generator
Depends on your language of choice. Personally I use Eleventy[0]. Written in JavaScript (so you'll need node & npm). Has very minimal default settings but highly configurable. Pick your templates or just use markdown if you really want. Hot reloading is enabled by default.
[0]: https://www.11ty.dev
-
Making a Simple Self-Hosted Photo Gallery with 11ty
We will use Eleventy as a static site generator of choice and Netlify Drop for free hosting. Of course, this is not the only combination; feel free to use any tool and hosting you like. One of the cool things about Eleventy is that it supports multiple template languages. We’ll use Nunjucks for this tutorial. Don’t worry if you haven’t used it before. For this tutorial, basic HTML knowledge is enough!
-
Create a Blog with Eleventy and Storyblok
Now that you're familiar with why Eleventy + Storyblok is my ideal combination and how to seamlessly query data from Storyblok for use in an Eleventy project, it's time for the next exciting step: let's embark on creating a complete blog site using these two phenomenal technologies!
-
Converting BlogCFC blog to Eleventy
This post outlines the steps for migrating an existing BlogCFC blog to a JamStack, with a focus on using Eleventy.
-
Ask HN: What's the simplest static website generator?
I suggest you to try out eleventhy (https://www.11ty.dev/)
Quite simple to start, and a nice system to add some scripting and styles without the requirement of bringing in a framework.
astro
-
Insights from building my portfolio with Astro
My portfolio’s use case was so simple that I could have easily used HTML, CSS, and JavaScript. But how would I then tell you about Astro, an underrated yet incredible JavaScript framework? I even recently wrote an article for Hygraph about Astro and its versatility as an all-in-one framework.
-
SEO from a Newbie for Beginners
Next, you build the site.\ Since SEO is a priority, server-side rendering (SSR) is a must. There's a lot of talk about Google being able to parse JavaScript, but that's mostly nonsense. Sometimes it can, but it generally hates doing so, so don’t risk it. You could use a heavy SSR setup for React or Angular, but we went with astro.build—super fast, simple, and elegant. They have plenty of free and complex themes, but we settled on their Starlight theme after tweaking the home page a bit (you need to copy the Hero.astro component and override Head.astro).
-
How to Add an Excel-like Table to Your Astro Site (the Easy Way)
The philosophy of Astro is one of performance, flexibility, and customization. A web framework that prides itself on rendering as much as it can on the server first, allowing you to choose where your content lives, and giving you as many handles as possible to customize it how you like. The datagrid library you go with should be the same.
-
How to Automate Content Generation with Patterns, Prompts, Astro, and GitHub Actions
AstroBuild for static site generation.
-
Recap and rambles of last week #1
With recent changes in my life, I am working on cutting expenses. Hello Astro goodbye SquareSpace for shit2talkabout.com (new site not published yet).
-
Deploying my Astro + Turso + Drizzle project to Cloudflare Pages
I knew I wanted a fullstack framework to access the headers from the app itself. As such, I went with Astro since I was familiar with it and the docs also explain in great detail on how to deploy Astro site on Cloudflare Pages.
-
Svelte 5 Released
I agree, that's a really nice feature of Svelte. It can be done in .astro files from https://astro.build/ too but Svelte is the first place I saw it done, like you say, it's very nice to work that way.
-
A not useless guide to sustainable websites
Do you have a content page that has more reads than updates? Serve it statically from disk or CDN. A framework like Astro can statically generate to a CDN or a plugin like W3 Total Cache can serve WordPress pages from disk.
-
First post: Openfav-auth, an(other) Astro app template
Hello, i'm glad to share with you this web app template, based on Astro; is easy integrate it with the powerful Supabase for handle authentication, email authentication or social provider authentication. Astro community offers a variety of ready-to-use apps/repositories, and Openfav-auth is one of this (this is open source, baby). Starting forked Tailcast, i converted the *.jsx file into astro components (this is not react, baby) - i mean i prefer other syntax. You can find the source code here and a demo here; in the readme there are some configurations tips (you are developer, baby) ah ah ah. Open to impression an contribute,
-
Build a Blog Post Preview with Strapi Draft and Publish and Astro
astro Launch sequence initiated. ◼ dir Using astro-blog as project directory tmpl How would you like to start your new project? Include sample files ts Do you plan to write TypeScript? No ◼ No worries! TypeScript is supported in Astro by default, but you are free to continue writing JavaScript instead. deps Install dependencies? Yes git Initialize a new git repository? No ◼ Sounds good! You can always run git init manually. ✔ Project initialized! ■ Template copied ■ Dependencies installed next Liftoff confirmed. Explore your project! Enter your project directory using cd ./astro-blog Run npm run dev to start the dev server. CTRL+C to stop. Add frameworks like react or tailwind using astro add. Stuck? Join us at https://astro.build/chat ╭─────╮ Houston: │ ◠ ◡ ◠ Good luck out there, astronaut! 🚀 ╰─────╯
What are some alternatives?
Hugo - The world’s fastest framework for building websites.
qwik - Instant-loading web apps, without effort
SvelteKit - web development, streamlined
vite - Next generation frontend tooling. It's fast!
Gatsby - The best React-based framework with performance, scalability and security built in.
Publii - The most intuitive Static Site CMS designed for SEO-optimized and privacy-focused websites.
Grav - Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS powered by PHP, Markdown, Twig, and Symfony
fresh - The next-gen web framework.
decap-cms - A Git-based CMS for Static Site Generators
Nuxt.js - Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]