Nextjs

It's simple yet performant!

Offload those long running tasks to background workers without third party services!

Sometimes all you need is just CSS and HTML. No JavaScript needed.

For those who hate the file-based routing in Next.js

I learned something new about window's storage event!

It's not that simple!

When we don't want anyone to be able to access the page

No fetching, no useState, and no API endpoint

I just found out about its two use cases

Without useState, useEffect, client side fetch, or any other networking library

The difference between cache and unstable_cache in Next.js

Many fell victims to this questionable choice of default behaviors

The promise was to be able to deploy a Next.js app easily like to Vercel. But it turned out it was not so easy.

The new use API combined with React Server Components (RSC) and Suspense can simplify data fetching in Next.js

With Shadcn UI and Tailwind CSS, you can easily render zoomable image.

Vercel AI SDK and gpt-4o make it easy to build a user-friendly and natural-sounding AI chatbot.

An alternative to building cross platform desktop app without Electron or without using native platform.

Now I can finally replace i18next from my projects!

New update!

Very useful when you just want to demo your project

And also type-safe with zero overhead!

After that, stop writing the code to validate the environment variable.

Turned out it's not that hard!

Just like in this website!

Just like the one in Vercel's dashboard

You shouldn't make the same mistake as I did

Then how can it prevent a client component from using it?

It's not that simple

Not many people know about this but parallel routes is awesome

Different routes in Next.js with App Router can have different root layouts.

To get sequence of values predictably

That makes it feels unstable

And you should start using it!

For the peace of mind

To avoid repetition!

Like, very basic

Have you heard of waitUntil?

This time because of timezone

Here's one thing you must never forget when using Next.js App Router.

A simple example of how to return JSX from a server action

It's better to use Link component when possible in Next.js

A short example of discriminated union

A pattern I like is to return early for unhappy paths in a function

A developer's guide on using environment variables in NextJS effectively, updated for version 9.4.