WhoBuilt

Key facts

Capabilities
Applies a blur and scaling effect while an image loads

Timeline 1

Dated events, newest first. Open the sources under any item.

How we verify
20221 event
  1. as of Mar 2022Capability
    Applies a blur and scaling effect while an image loads
    “giving it this nice blur effect at the top” 5:01
    Unverified1 source· Talk

Talks 1

16:24
Building an Image Gallery with Next.js, Supabase, and Tailwind CSS

The speaker builds an image gallery with Next.js, Supabase, and Tailwind CSS, starting with a responsive CSS Grid layout and improving image loading with Next.js’s Image component and a blur effect. They connect the app to a Supabase Postgres database, fetch image records with `getStaticProps`, and deploy the site through Vercel. The talk then adds on-demand Incremental Static Regeneration, using a Supabase Function Hook to call a protected Next.js API route when image data changes. This lets deployed pages reflect database updates without a new deployment.

Mar 28, 2022· 16 minDiscussed 3:08
BlurImage · WhoBuilt