#nextjs

Things I've written about #nextjs

#javascript(8)
#git(4)
#nodejs(4)
#dns(3)
#namecheap(3)
#macos(3)
#github(3)
#react(3)
#shopify(3)
#typescript(3)
#hooks(3)
#image(2)
#deployment(2)
#domain(2)
#hosting(2)
#dev-setup(2)
#fresh-install(2)
#minimal-list(2)
#job(2)
#nextjs(2)
#tailwind-css(2)
#https(2)
#bash(2)
#remix(2)
#443(1)
#responsive(1)
#srcset(1)
#sizes(1)
#html(1)
#attributes(1)
#promise(1)
#parallel(1)
#sequential(1)
#concurrently(1)
#drag-and-drop(1)
#dnd(1)
#keynotes(1)
#api(1)
#tutorial(1)
#sharing(1)
#embed(1)
#jsdelivr(1)
#function(1)
#function-declaration(1)
#function-expression(1)
#anonymous-function(1)
#arrow-function(1)
#es5(1)
#es6(1)
#cv(1)
#linkedin(1)
#interview(1)
#offer(1)
#salary(1)
#company(1)
#blur(1)
#loading(1)
#private-email(1)
#vercel(1)
#postcss(1)
#integration(1)
#commit(1)
#conventional-commit(1)
#git-notes(1)
#git-alias(1)
#git-workflows(1)
#assets(1)
#file-api(1)
#migration(1)
#graphql(1)
#request(1)
#json(1)
#built-in-module(1)
#arbitrary-values(1)
#custom-styles(1)
#css(1)
#tricks(1)
#layout-shift(1)
#scrollbar(1)
#window(1)
#render-blocking-resources(1)
#render-blocking-css(1)
#performance(1)
#chrome-performance-api(1)
#alias(1)
#path-aliases(1)
#tsconfig(1)
#section(1)
#section-rendering-apis(1)
#key-notes(1)
#array(1)
#map(1)
#functional-programming(1)
#use-cases(1)
#localhost(1)
#open-ssl(1)
#mac-os(1)
#koajs(1)
#string(1)
#casing(1)
#utilities(1)
#color(1)
#validator(1)
#ssh(1)
#security(1)
#pattern(1)
#event-emitter(1)
#pubsub(1)
#goodreads(1)
#scraping(1)
#rss(1)
#rss-parser(1)
#kill(1)
#process(1)
#port(1)
#gitignore(1)
#liquid(1)
#date(1)
#markdown(1)
#code-block(1)
#syntax(1)
#npm(1)
#commands(1)
#npx(1)
#link(1)
#unlink(1)
#pnpm(1)
#aliases(1)
#zprofile(1)
#bash_profile(1)
#shell(1)
#script(1)
#remix-utils(1)
#submission(1)
#utils(1)
#object(1)
#rename(1)
#case-sensitive(1)
#state(1)
#local-storage(1)
#async(1)
#effect(1)
#spotify(1)
#nowplaying(1)
#spotify-api(1)
#webhook(1)
#github-api(1)
#verify-webhook-signature(1)
#vscode(1)
#settings(1)
#keybindings(1)

Oct 12, 2024/4 mins read/---
How to create an image with blurry loading effect in NextJS
NextJS has provided a built-in image component that has many useful features, we can leverage them with some custom styles to create a beautiful image with a blurry loading effect.

#nextjs

How to create an image with blurry loading effect in NextJS