A Guide on Placeholder images using Nextjs Image, Plaiceholder, Blur and Color
A complete guide on how to use different kind of placeholders like colors and blur using the Plaiceholder Library and the Next Image.
nextjs
ui
Common Beginner Mistakes with React
I used to teach React at a local coding bootcamp, and I noticed that students kept getting tripped up by the same handful of things. In this article, we're going to go through 9 of the most dastardly gotchas. I'll show you how to solve these common problems, so you can avoid a lot of potential frustration!
react
Migrate from next-sitemap to the Next.js App Directory's sitemap
This post walks through the process of migrating from the next-sitemap library to the Next.js App Directory's sitemap.
nextjs
seo
New capabilities for attr()
Shipping in Chrome 133, this highly-requested feature gives you ability to supercharge attributes and use them in CSS beyond simple strings! You can reference colors, numbers, percentages, named values as custom identifiers, and more.
css
Container Queries Unleashed
Container queries expand the universe of designs that can be implemented, giving us whole new superpowers. Now that container queries are broadly available, I think it’s time we start exploring this potential! In this post, I’ll share the “killer pattern” I can’t stop using in my work, and explore what’s possible with this new capability.
css
Animate UI is a shadCN like alternative but with animated components
Browse a list of fully animated, open-source, component distribution library built with React, TypeScript, Tailwind CSS, Motion and ShadCN cli.
react
tailwind css
resources
Minimal CSS-only blurry image placeholders
An easy guide on how to create minimal, CSS-only blurry image placeholders.
css
resources
ui
CSS Mesh Gradients
A collection of 732 vanilla CSS mesh gradients free for you to use in any of your projects. Browse our generated meshes or create your own custom mesh
css
resources
How to set up self-healing URLs in Next.js for better SEO
Set up self-healing URLs with the App Router in Next.js for better SEO, accessibility, and usability.
seo
nextjs