pwa-asset-generator
eleventy πβ‘οΈ
Our great sponsors
pwa-asset-generator | eleventy πβ‘οΈ | |
---|---|---|
7 | 242 | |
2,620 | 16,080 | |
1.6% | 2.0% | |
3.6 | 9.0 | |
6 months ago | 2 days ago | |
TypeScript | 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.
pwa-asset-generator
-
Building an offline-first application with Node.js and SQLite
Creating our home screen icons manually can be a very complicated task, but not to worry. We'll take advantage of a third-party module known as pwa-asset-generator to generate icons of different sizes from our main app icon inside the public directory with the command below:
-
Kickin - bootstrap your Eleventy project
If you want to create PWA, you will need icons for your application for different platforms. This package uses pwa-assets-generator to create icons from an image. It will automatically insert links to icons into the HTML of every page and in the manifest.json file along with generated icons. All you need is an image as a template for future icons. By default, it is a favicon.png under the src directory.
-
How to Favicon in 2021: Six files that fit most needs
Thank you for the article. It is certainly alluring to reduce the number of generated images linked in the in PWA apps.
I use https://github.com/onderceylan/pwa-asset-generator to generate assets for PWA's(have left a message on this repo to read your article!)
eleventy πβ‘οΈ
-
Eleventy - Create a global production flag
A production flag enables you to run activities in dev or production such as minifying assets, showing draft posts, etc. There isn't a built-in flag or function that comes with eleventy (11ty) specifically for this. However we have this info at our fingertips.
-
Ask HN: Looking for lightweight personal blogging platform
I can't recommend Eleventy enough!
I converted my WordPress blog to Eleventy 4 years ago and never looked back, it's been delightful!
-
Removing React is just weakness leaving your codebase
Itβs 2024, and you are about to start a new project. Do you reach for React, a framework you know and love or do you look at one of the other hot new frameworks like Astro, Enhance, 11ty, SvelteKit or gasp, plain vanilla Web Components?
-
Eleventy vs. Next.js for static site generation
Eleventy is a fast and powerful SSG that really shines when it comes to pure static site generation because it does not require the loading of a client-side JavaScript bundle in order to serve content.
-
You don't need JavaScript for that
The irony is using a JavaScript-based static site generator to make the site: https://www.11ty.dev
-
Why You Should Write Your Own Static Site Generator
https://doublejosh.com/post/186193119278/metalsmithjs-is-sti...
Then two years ago I needed a more robust SSR system based on React, so I went with GatsbyJS. It's insanely mature and intuitive, but as we all know that community and business is now drying up too. But the framework is still great.
Now everyone sings the praises of NextJS, which can be used for SSR but is intended for applications and active server endpoints. But more complexity doesn't mean better.
I'm keen to try other simple frameworks when the result is a static site. I may give https://www.11ty.dev a shot.
I've been very impressed with Eleventy:
I find my lingering desire to roll out an SSG slowly fading.
-
From Jason: my custom digital garden in 11ty
11ty is a lightweight static site generator. I chopped up my HTML and used the 11ty starter template called eleventy-base-blog as the structural foundation for the site.
- Casidoo on TinaCMS
What are some alternatives?
astro - The web framework for content-driven websites. βοΈ Star to support our work!
Hugo - The worldβs fastest framework for building websites.
SvelteKit - web development, streamlined
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
decap-cms - A Git-based CMS for Static Site Generators
mdx - Markdown for the component era
Next.js - The React Framework
nunjucks - A powerful templating engine with inheritance, asynchronous control, and more (jinja2 inspired)
Jekyll - :globe_with_meridians: Jekyll is a blog-aware static site generator in Ruby
React - The library for web and native user interfaces.