blurhash
Next.js
Our great sponsors
blurhash | Next.js | |
---|---|---|
41 | 2,042 | |
14,997 | 120,572 | |
1.2% | 1.6% | |
5.5 | 10.0 | |
about 1 month ago | 3 days ago | |
C | 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.
blurhash
-
BlurHash: An Alternative to Generic Image Placeholders
Blogspam, including just taking over the source images.
Original: https://blurha.sh/ and https://blog.wolt.com/hq/2019/07/01/how-we-came-to-create-a-... (2019)
-
Generate thumbhash at edge for tiny progressive images
While it's similar to BlurHash, the color performance is much better for the same filesize. Here's a a demonstration of this from the demo page (with ThumbHash in the middle and BlurHash on the right):
- How do you do these placeholder for loading images based on color?
-
How to make a hash of the images with blurhash python package and react
Package Link - https://blurha.sh
-
blurred layer on top of other content using react-native-skia
If you do go this way, you can use https://blurha.sh
-
Migrating my website from Gatsby to Astro
No blurhash for images like Next or Gatsby
- A very compact representation of a placeholder for an image.
- Blurhash: A compact representation of a placeholder for an image
Next.js
-
System & Database Design (Day 1) - Creating a SaaS Startup in 30 Days
Next.js: For the website and the admin dashboard
-
Runtime environmental variables in Next.js 14
Until the time of writing, there is no official example of how to enable runtime environmental variables in a Dockerized Next.js app, as utilizing unstable_noStore would only dynamically evaluate variables on the server (node.js runtime). There is also an interesting discussion regarding this topic on GitHub.
-
@matstack/remix-adonisjs VS Next.js - a user suggested alternative
2 projects | 24 Apr 2024
next.js is a very popular React framework. remix-adonisjs includes more functionality through the AdonisJS backend ecosystem, and should be easier to self-host and self-manage.
-
Meet Cheryl Murphy: Full-Stack Developer, lifelong learner, and volunteer Project Team Lead at Web Dev Path
Cheryl Murphy is not only a dedicated full-stack web developer skilled in technologies like React, Next.js, and NestJs but also a community-driven professional who recently took on the role of volunteer project team lead at Web Dev Path. With a dual Bachelor's degree in Computing and Chemical Engineering from Monash University, Cheryl’s journey in tech is marked by a passion for building accessible solutions and a commitment to fostering community within tech.
-
Ensuring Type Safety in Next.js Routing
For more information, check out this issue.
-
Styling Your Site with Next.js and MUI: Creating a Dynamic Theme Switcher
Remember to start the Next.js server with pnpm dev.
- Mastering Next.js 13/14 - Advanced Techniques
- 3 Exciting Improvements Between NextJS 14 And NextJS 13
-
The best testing setup for frontends, with Playwright and NextJS
We want to share with you the best testing setup we've experienced - and this includes using Playwright and NextJS. It's a setup we've come up with for Infinite React DataGrid, which is a complex component, with lots of things to test, but this configuration has helped us ship with more confidence and speed.
-
React 19: The long-expected features
If you're acquainted with NextJs, the directives will come as no surprise.
What are some alternatives?
thumbhash - A very compact representation of an image placeholder
vite - Next generation frontend tooling. It's fast!
flutter_gen - The Flutter code generator for your assets, fonts, colors, … — Get rid of all String-based APIs.
Express - Fast, unopinionated, minimalist web framework for node.
engine - The Flutter engine
SvelteKit - web development, streamlined
randimage - Create random images
MERN - ⛔️ DEPRECATED - Boilerplate for getting started with MERN stack
clipview - Titanium Module for Android ClipView
Angular - Deliver web apps with confidence 🚀
Flutter - Flutter makes it easy and fast to build beautiful apps for mobile and beyond
fastify - Fast and low overhead web framework, for Node.js