Nico's Blog

I got tired of writing if-else statements to validate the HTTP request like this: ```tsx:route.ts showLineNumbers export const GET = async (request: Request) => { const { searchParams } = new URL(request.url) const name = searchParams.get('name') if (!

React just released the new version 19.2.0 which brings several new features including the new [useEffectEvent](https://react.dev/reference/react/useEffectEvent) hook.

Just updated my open source React hook [useResettableActionState](https://github.com/nicnocquee/use-resettable-action-state).

As a project grows, the codebase inevitably becomes more complex.

Monorepos have come a long way since the days of Lerna.

There are so many ways to run a long-running process in the background when you use modern React frameworks like Next.js, Remix, etc.

Ever since Next.js supported React Server Components, I've been using them in my projects.

Our [company's website](https://hyperjump.tech/en?

One of my pet peeves with testing in web development is mocking.

In the last post, I wrote about [Async Local Storage](/blog/async-local-storage-to-prevent-props-drilling) and how it can be used to prevent prop drilling in Next.js Route Handlers because it acts like context in React.

When a private API endpoint is called, the handler should check if the request came from an authorized user before doing anything else.

Handling date and time correctly in your fullstack JS web app is pretty tricky and can cause a subtle bug. ## The problem This just happened to me.

I recently stumbled upon the term "vibe coding" through TikTok videos.

A few days ago I wrote about how to [deploy Bluesky Later on your own server using Coolify](/blog/how-to-deploy-blueskylater-using-coolify).

## Back story In the company I work for, we use [GitHub Projects](https://docs.github.com/en/issues/planning-and-tracking-with-projects/learning-about-projects/about-projects) to track our work.

A few months ago I released an open source project called [Bluesky Later](https://blueskylater.com) which is a web app that allows you to schedule Bluesky posts.

In the company I work for, there are some team members who wanted to be notified when a new release is deployed to production.

A few articles ago I wrote about using [useSyncExternalStore to write, read, and react to changes in the local storage](/blog/ssr-friendly-local-storage-react-custom-hook).

This post is just a quick reminder of how to generate subtitles from video using [subtitles-generator](https://github.com/avivharuzi/subtitles-generator) in a single command.

Unless you have been living under a rock for the past few days, you surely have heard about the US election.

Recently we needed to implement a system where a user can do the following by themselves: - Request for a first-aid card replacement. - Cancel their course enrollment. - Reschedule their course enrollment.

I've been using LLMs for the past few months and I can't imagine going back to the old way of writing code.

Feature flags are a great way to manage feature toggles in your application.

ℹ️ This is a guest post by my awesome fellow dev in [Hyperjump](https://hyperjump.tech/en?

Recently I was tasked with updating a minor change in [Hyperjump Technology's website](https://hyperjump.tech/en?

Some people seem to hate the file-based routing in Next.js.

import { Alert } from '@/components/ui/alert' Update: Use my [useLocalStorage hook](https://github.com/nicnocquee/use-local-storage) for convenience.

In Next.js App Router, you can get the current URL's query string by using [`useSearchParams` hook](https://nextjs.org/docs/app/api-reference/functions/use-search-params).

I wrote before about how easy it is to create [infinite scroll with server action and useActionState in Next.js](/blog/infinite-scroll-with-server-action-and-use-action-state).

If you haven't read it, Next.js has updated their docs [Authentication and Authorization](https://nextjs.org/docs/app/building-your-application/authentication).

Let's imagine we want to show a list of posts.

Vercel is well known for deploying Next.js apps.

One of the very common user interaction in a web application is calling an API end point where data mutation is performed when a button is clicked.

Imagine you allow a user to make a purchase of a service or product.

Prisma has just announced a new feature in v5.19.0: [TypedSQL](https://www.prisma.io/docs/orm/prisma-client/using-raw-sql/typedsql).

A few weeks ago, I wrote a [guide on how to deploy React Native iOS app to TestFlight from Azure DevOps pipeline](/blog/how-to-deploy-react-native-ios-to-testflight-from-azure-devops-pipeline).

I was just wondering if it's possible to add a comment on a table and column in Postgres.

I was curious if it's possible to create a small app entirely by AI.

When you develop an iOS app, Android app, or a cross-platform app using React Native in a company, there is one thing you need to implement as soon as possible to save you tons of troubles in the future: **the CI/CD (Continuous Integration/Continuous Depl…

In [the last blog post](/blog/memory-issue-in-javascript-and-closures) I discussed about a subtle memory issue in JavaScript and how I found out that `setTimeout` can accept more than two arguments.

Recently, I came across an interesting blog post by Jake Archibald titled [Garbage collection and closures](https://jakearchibald.com/2024/garbage-collection-and-closures) where he shows how mishandling closures can lead to memory leaks.

Few months ago I wrote about [how to populate a Postgres database quickly using `generate_series` function](/blog/populate-postgres-fake-data).

Few months ago I wrote about [how you can have cron jobs in Postgres using pg_cron](/blog/cron-job-with-postgres).

In real world applications, having a way to run tasks, operations, or jobs in the background is inevitable.

A month ago I wrote about [how to deploy a Next.js app that connects to Postgres with Prisma via Coolify](/blog/how-to-deploy-next-js-prisma-postgres-using-coolify).

One thing I wish I had done when I was younger is write more.

If you've been following my blog for a while, you might notice that I'm a big fan of React Server Components (RSC) in Next.js.

Some developers sometimes complain when their colleagues hold back their pull requests because they request some variable name changes.

While I personally enjoy using the Next.js App Router, many don't share my enthusiasm.

When I was playing with Coolify, for no particular reason I wanted to create a user in my Ubuntu server that only had access to SFTP.