Dev

Dont't make the same mistake as I did

I made this scheduler

A Real-World Example with Triggers

This instructions make v0 a much better code companion

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!

It's kinda weird that the state cannot be reseted easily

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

No fetching, no useState, and no API endpoint

No build steps, no 3rd party dependencies, just a single file

I just found out about its two use cases

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

Raw dogging your SQL query safely!

So testers can install both App Store and Beta versions of your app

I was just wondering if it's possible and it turns out it is

This is just a guide for my future self to deploy quickly

Understanding this will help you avoid subtle memory issues in JavaScript

I found out that setTimeout can accept more than two arguments

Make your staging or development database look like production

To quickly have a cron job in Postgres

Especially when you are new to software development

The difference between cache and unstable_cache in Next.js

It's not always nitpicking, sometimes it's needed!

Many fell victims to this questionable choice of default behaviors

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.

Many got this wrong.

It simplifies tool calling and feeds the result back to the model

Now I can finally replace i18next from my projects!

New update!

Very useful when you just want to demo your project

Or why you should stop using the split function!

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!

For free!

Just like the one in Vercel's dashboard

To get a better response from the model

When you don't need the whole repo.

You shouldn't make the same mistake as I did

I actually caught a bug thanks to Strict Mode

Don't trust what ChatGPT says

Just like you don't need useEffect

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

And alternatives tools for self-hosting your app

Prevent the browser from mixing up your form fields when using autocomplete.

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

Or how I learned more about variable declaration in Javascript

When you're not a software developer

Have you heard of it?

Directly from the database itself

Agree on some, disagree on the others

To get sequence of values predictably

That makes it feels unstable

Or as the Japanese said, 魅力的品質

Less query to your database

And you should start using it!

Better than select one in random

Because it's awesome

I didn't, but now I know

Spice up the animation!

Must have extension!

Navigate JSON data like a pro

It's all about the money money money

Why not right? React is cool!

For the peace of mind

To unpack types!

To avoid repetition!

Every code becomes legacy when it's written.

Based on Ryan Florence tweet

Like, very basic

Have you heard of waitUntil?

The simplest solution is often the correct one

When you need to periodically update your database

Start simple

Just a byte. No need for everything.

It's gonna save a lot of time

Is it really dangerous?

Don't blindly remove that safe guard

It's weird syntax, I know

The law applies to programming world too

It's like React's Context but for Node.js

Subtle bug that could cause you headache

This time because of timezone

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

Now using the new App Router and also have a new icon

A Next.js project to serve a password-protected download link

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

Use single state instead of multiple states

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

Tips and methods for tracking views and clones traffic on GitHub repositories.​

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

Insights into comfortable and effective test-writing for React applications, highlighting various use cases.

Insights into microcopy and copywriting, inspired by the Apple Style Guide, with a focus on user experience.

Discusses testing React components with asynchronous code, focusing on fetching data upon first component mount.

A guide on setting up a new Mac Mini, focusing on personal preferences and essential configurations.

Practical tips on editing Git commit messages and addressing Cypress test crashes with Drone.io.

Discusses creating type-safe localization for React apps with Flow, motivated by Switzerland's multilingual context and focusing on popular React internationalization libraries.