2 months ago
- I redesigned maxleiter.com this week. I've wanted to make it more personal and opinionated for a long time, but felt I lacked the expertise to do it justice. With v0 and Claude Code (and some manual cleanup) it only took a few hours. If you haven't played with the homepage yet,...
- 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 (!name) { return...
6 months ago
- Monorepos have come a long way since the days of Lerna. When I tried them before, it was painful. Lots of things were not working as expected. But now, it's a lot better. I've been using [Turborepo](https://turborepo.com) for a while now and it's been great. It got me to the...
- Ever since Next.js supported React Server Components, I've been using them in my projects. I really enjoy using them because it just makes sense. Every component that needs data from the server doesn't need to fetch the data from the browser. Less code, less complexity, fewer...
7 months ago
- Loading spinners. Hydration delays. 300kB for a blog post. There’s a better way to build the web....
- I hate unrecognizable URLs. If I want to go back to a specific document or page, I should be able to type the name of it in the address bar and find it in my browser history. Notion is particularly good at this, and v0 was particularly bad at it (for a while), so this is what I...
- How curiosity about VibeTunnel users led me to build stats.store - a free, open source analytics backend for Sparkle using AI tools, all while cooking dinner....
- Our [company's website](https://hyperjump.tech) is hosted in [GitHub pages](https://github.com/hyperjumptech/hyperjump.tech). It is a statically exported Next.js app. We still do pull requests and code reviews. But the problem is we don't have the luxury of having preview...
- 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. In React, you can have multiple contexts to keep the code...
- When a private API endpoint is called, the handler should check if the request came from an authorized user before doing anything else. Usually the function that checks the request returns a user object if the request is authorized. Then this user object can be used by other...
9 months ago
- This post was deployed by the GitHub merge scheduler script that I blogged about a few years back. This little script has saved my butt a few times before, and it is super helpful now when I am in Madrid with my family, enjoying the sun and quality time with my ladies, and now...
about 1 year ago
- Over the past decade, my work has centred on partnering with teams to build ambitious products for the web across both desktop and mobile. This has provided a ring-side seat to a sweeping variety of teams, products, and technology stacks across more than 100 engagements. While...
- There’s a post on htmx.org about why htmx wasn’t the right fit for a particular project (which is dope, we need more websites that admit their thing might not be the right thing all the time). The bit on AI being unfamiliar with their tool choice piqued my interest: It’s worth...
- Feature flags are a great way to manage feature toggles in your application. They allow you to enable or disable certain features. There are several common reasons why you might want to use feature flags: - You want to release a new feature to a subset of your users. - You want...
over 1 year ago
- ℹ️ This is a guest post by my awesome fellow dev in [Hyperjump](https://hyperjump.tech) Technology, [Denny Pradipta](https://dennypradiptablog.vercel.app). When building web apps with Next.js, handling long-running tasks like data processing or sending emails can be tricky. You...
- Some people seem to hate the file-based routing in Next.js. They prefer to use code-based routing instead. And with [Remix, a.k.a, React Router 7](https://x.com/remix_run/status/1841926043080523813) releasing a new config based routing, many people seem to be excited about it....
- 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). When called, **it returns read-only version of the URLSearchParams**. That means, if you to set a new value...
- I recently launched a brand new version of this blog, and in this post, I share how it’s built! We’ll examine the tech stack and see how all of the pieces fit together, as well as dig into some of the details to see how they work....
- 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). `useActionState` is that hook that I'm so glad that it's created to replace the confusing and less...
- If you haven't read it, Next.js has updated their docs [Authentication and Authorization](https://nextjs.org/docs/app/building-your-application/authentication). One of the most important gems in the docs, in my opinion, is the [Authorization...
- Let's imagine we want to show a list of posts. At the bottom of the list, we want to show a button that allows the user to load more posts. Before [React Server Components](https://nextjs.org/docs/app/building-your-application/rendering/server-components) and [Server...
- 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. Since it performs a mutation, **usually we don't want the user to be able to click the button again until the mutation is...
- Imagine you allow a user to make a purchase of a service or product. If you use one of the popular payment gateways, you can easily show the payment page provided by the payment gateway. Once the user completes the payment, the payment gateway usually does two things: 1....
- Building data visualizations from scratch can be both time-consuming and cumbersome, requiring significant effort to design and implement. Developing these capa......
Rows per page
