portfolio
eleventy 🕚⚡️
| portfolio | eleventy 🕚⚡️ | |
|---|---|---|
| 1 | 256 | |
| 15 | 17,482 | |
| - | 1.1% | |
| 5.4 | 9.7 | |
| 2 months ago | 9 days ago | |
| JavaScript | 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.
portfolio
eleventy 🕚⚡️
-
Create a Blogging Platform With No Backend (Zero Hosting Fee)
There were many ways for doing this (thanks to redditors!). One of the best was generating static website and utilizing a CMS that allows github syncing. I went for 11ty (Eleventy) + Decap CMS (formerly Netlify CMS) + Netlify Identity and I was able build something like this within couple of days:
- Un blog statique sur mesure avec Notion headless
- Diátaxis – A systematic approach to technical documentation authoring
-
The curious case of the paragraph with the bad CLS
I recently migrated my personal website from Next.js to 11ty, it was a great experience, which I will write more about in a later blog post.
-
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
What are some alternatives?
react-native-dom - An experimental, comprehensive port of React Native to the web.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
QuickUI - QuickUI is a lightweight frontend framework built on pure JavaScript and native APIs. Supports data binding, i18n support, event binding, conditional rendering, and loop rendering.
Hugo - The world’s fastest framework for building websites.
v - A simple and lightweight library for Vanilla JavaScript, allowing you to create a reactive UI.
SvelteKit - web development, streamlined
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
Gatsby - The best React-based framework with performance, scalability and security built in.
VuePress - 📝 Minimalistic Vue-powered static site generator
Publii - The most intuitive Static Site CMS designed for SEO-optimized and privacy-focused websites.
van - 🍦 VanJS: World's smallest reactive UI framework. Incredibly Powerful, Insanely Small - Everyone can build a useful UI app in an hour.
Grav - Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS powered by PHP, Markdown, Twig, and Symfony