Nico's Blog

Have you ever felt stuck in a project because you've already put in so much time and money?

Ever since [the drama around Vercel pricing](/blog/should-you-use-vercel), [Coolify](https://coolify.io/) has become a popular choice for self-hosting.

Data fetching in the React ecosystem has been a hot topic for a long time.

!

Recently, I ran into a perplexing issue with my Ubuntu server.

[Shadcn/UI](https://ui.shadcn.com) has amazing UI components.

I recently put together a [demo](https://x.com/2co_p/status/1799076368631906451) of an AI Bank assistant chatbot using [Vercel's AI SDK](https://sdk.vercel.ai/docs/introduction) and gpt-4o.

import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card' import { Label } from '@/components/ui/label' When displaying a list of languages for user selection, avoid the common mistake of showing language names in the

I wanted to have a GUI app for my personal project that required access to the file system.

Last month I wrote about [how to feed the result of function calls back to the model](/blog/vercel-ai-function-call-tool-example) using the [Vercel AI SDK](https://sdk.vercel.ai/docs/introduction).

On the weekend, I added two new features to the [simple-i18n-next](https://github.com/nicnocquee/simple-i18n-next) CLI tool.

After releasing my [simple-i18n-next](https://github.com/nicnocquee/simple-i18n-next) tool [last week](/blog/internationalization-for-next-js), [Václav Hodek](https://x.com/vaclavhodek) from [Localazy](https://localazy.com) asked if it supported pluraliza…

Last weekend we had a small internal hackathon at Hyperjump to create an AI chat bot.

If you have been using `.split(' ')` to get an array of words from a string, you should stop doing so.

For developers who live in a country with multiple national languages like Switzerland, internationalization (i18n) is a must-have and is usually implemented from day 1.

Environment variables are a must-have in web development.

[Zaher Ghaibeh](https://twitter.com/zaherg) asked me how to unit test a [Next.js API route](https://nextjs.org/docs/app/building-your-application/routing/route-handlers).

This website is using [Posthog](https://eu.posthog.com) for collecting analytics data.

Some people argue that using a screenshot of a page as an [open graph](https://ogp.me) image is a great idea that can increase traffic.

I was intrigued by the navigation tabs in Vercel's dashboard, as shown in the video above.

Vercel have just released a new version of their [AI SDK along with new documentation](https://sdk.vercel.ai/docs/introduction).

Facing rejection while pursuing our goals—like landing that job or winning that pitch—often triggers tough emotional responses.

Many open source projects include some examples in the same repository as the main code.

Last week I received an email from Vercel saying that many metrics in my project had increased and exceeded the hobby plan limit, including the [Function Invocations](https://vercel.com/docs/pricing/serverless-functions#managing-function-invocations). !

One of the main reasons React introduced [Strict Mode](https://react.dev/reference/react/StrictMode) is to help us find hard-to-notice bugs, like race conditions.

By default, the [web fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API) doesn’t have a timeout option.

In one of the pull requests I reviewed, I noticed a pattern that I've seen in many pull requests.

If you've read the Next.js documentation, you'll know about [server-only package](https://www.npmjs.com/package/server-only) since it's mentioned a few times in the doc.

Next.js with App Router gives us two options to wrap pages: [Layout](https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts#layouts) and [Template](https://nextjs.org/docs/app/building-your-application/routing/pages-and-layouts#te…

In Next.js App Router, the [Layout component doesn't have access to the search params](https://nextjs.org/docs/app/api-reference/file-conventions/layout#layouts-do-not-receive-searchparams) because a shared layout is not re-rendered during navigation, whi…

!

Ever filled out an online form and noticed how it tries to guess the rest of your information?

Recently, [shadcn](https://twitter.com/shadcn) introduced a cool update in Shadcn/ui called [Blocks](https://ui.shadcn.com/blocks), which includes ready-to-use layouts such as admin dashboards with a sidebar, marketing sections, and more.

Ever stumbled upon a probability puzzle that seems counterintuitive at first glance but is actually grounded in solid math?

Recently, I encountered a term on Twitter that piqued my curiosity— the [Temporal Dead Zone](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let) (TDZ) in JavaScript.

During Hyperjump's weekly sharing session, my colleague [Kevin](https://twitter.com/kvnhermawan) shared a perspective I hadn't considered before.

You found a problem in an app and are about to tell the developer.

JavaScript is a language that never ceases to astonish with its flexibility and features.

During development and testing, it's common for us to set up the environment where our app runs, along with the necessary data.

Tech Twitter got buzzing a few days back when [Thorsten Ball opened a discussion about the pains of testing](https://registerspill.thorstenball.com/p/a-few-words-on-testing)—how it's a time-suck to write, run, and debug them.

Recently, a splash was made in the tech community by the [unveiling of Devin](https://x.com/cognition_labs/status/1767548763134964000?

[Anang Marjono recently asked on Twitter about how to scale luck](https://twitter.com/marjono__/status/1766025636873998557).

Vercel recently announced the [new 3.0 version of their AI SDK](https://vercel.com/blog/ai-sdk-3-generative-ui) with support for Generative UI.

Eric Burel recently posted an article about [securing statically rendered paid content in Next.js with the App Router](https://www.ericburel.tech/blog/static-paid-content-app-router).

I recently read a blog post about the [two types of quality](https://zenorocha.com/the-two-types-of-quality) from Japan's perspective: atarimae hinshitsu (当たり前品質), the obvious quality, and miryokuteki hinshitsu (魅力的品質), the appealing quality.

Recently, Prisma [released a highly requested feature: support for database-level joins](https://www.prisma.io/blog/prisma-orm-now-lets-you-choose-the-best-join-strategy-preview/?

Recently, [someone asked on Twitter how to render the user's browser time in Next.js](https://twitter.com/chronark_/status/1762049915847376939), which uses React Server Components, without encountering hydration errors.

In the world of work and craftsmanship, there's an intriguing phenomenon known as the _Locksmith's Paradox_.

I recently found a paper on Twitter.

JavaScript has come a long way, introducing many new APIs that enable us to write less code.