docs
astro
Our great sponsors
docs | astro | |
---|---|---|
1 | 450 | |
956 | 35,464 | |
11.5% | 9.3% | |
10.0 | 9.7 | |
5 days ago | 1 day ago | |
MDX | 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.
docs
-
How to Create an Astro JS Project - Quick Start Guide
You can see the structure of different open-source Astro sites, for example the source code of the Astro documentation on GitHub.
astro
-
Top 6 Javascript Libraries You Must Know
Astro
-
CSS only list filtering, or abusing the platform
As my website is just a bunch of static content, with only few interactive components, I chose Astro. And if I need to add something fancy, I won't have troubles adding it. For example, "Share" button is a Preact component (even if it didn’t have to be).
-
Different flavors of content management
Local CMSs are the ones that are mostly file-based (like Statamic or Astro). This means that you can edit everything locally and deploy the data. This way, our CMS is more secure, but on the downside, you have to have a local server working, and you might experience more conflicts, especially when two people will work on the same article (although Git might save you from many of those). It also means that there is a higher learning curve. A remote CMS works somewhere on a server, and most users don't care how.
-
Building an Astro Blog with View Transitions
I've recently decided to recentralize all my articles on my own blog instead of publishing them to Hashnode (nothing wrong with Hashnode, just something that I had wanted to do for a while) and since I have a wondeful brand new personal site built with astro I decided to take advantage of their collection system and the new experimental (at least at the time of writing this article) view transitions api to build something a bit more tailored to what I like. Here's how it went.
-
Service Worker Templating Language (SWTL)
I've previously written about Service Worker Side Rendering (SWSR) in this blog, when I was exploring running Astro in a Service Worker.
-
Why your blog still needs RSS
Astro is my personal favorite: https://astro.build/
It's like an SSG where you can write templates with modern components frameworks, and write content in MD / MDX. No JS is shipped by default, but you can opt in to it for interactivity.
There are many high-quality templates, but making your own custom styling and layouts is easy, and you can write CSS in whatever way you like.
MkDocs and Jekyll are more for docs in my opinion, but Hugo is pretty good if you hate javascript.
I would recommend Astro over 11ty 100% of the time, though. Both are JS, with slower build times etc than with Hugo, but Astro integrates better with the rest of the ecosystem.
Gatsby has apparently fallen off a cliff, wouldn't even consider it.
-
Htmx is part of the GitHub Accelerator
Congrats on the GitHub program! Very cool.
I just had a fresh read of the docs and htmx is refreshingly, gloriously simple. So natural, self-documenting, and well thought out. It _does_ feel like a natural extension of html.
To me, the only "missing" piece of htmx is a component model, but for anyone looking for that, htmx would pair amazingly well with Astro[1] which allows you to define and use html components without the runtime overhead of say Vue or React.
-
Astro: All-in-one web framework designed for speed
Damn it, I am using FF. But had no idea about this feature, I hope it gets implemented soon!
I wanted to refer to the "Full speed" section and ask why Nuxt has such a low score?
I hope this works anyway.
I just submitted a Github ticket; hope it is an easily solvable problem.
Scroll to text fragments are your friend (though they are not in Firefox yet):
What are some alternatives?
qwik - Instant-loading web apps, without effort
vite - Next generation frontend tooling. It's fast!
eleventy 🕚⚡️ - A simpler site generator. Transforms a directory of templates (of varying types) into HTML.
SvelteKit - web development, streamlined
Hugo - The world’s fastest framework for building websites.
fresh - The next-gen web framework.
Gatsby - The best React-based framework with performance, scalability and security built in.
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]
Svelte - Cybernetically enhanced web apps
marko - A declarative, HTML-based language that makes building web apps fun
htmx - </> htmx - high power tools for HTML
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.