How to Validate Form in Remix with clientAction by sergiodxa

When to use Route Modal in React Router by sergiodxa

How to Add i18n to a Remix Vite app by sergiodxa

How to Persist the user locale using cookies with Remix & i18next by sergiodxa

How to Build a simple login and logout with Remix by sergiodxa

How to Get the absolute URL in Remix's MetaFunction by sergiodxa

How to Use a CDN for your static assets in Remix by sergiodxa

How to Use React Portal in Remix by sergiodxa

How to Defer a Fetch response in Remix by sergiodxa

How to Call an action from a loader in Remix by sergiodxa

How to Expose Remix Routes as API Endpoints by sergiodxa

If you're building a Remix web app, and then you decide to expose an API from that app, you may be tempted to try to reuse the same routes …

How to Find and remove unused code with Knip by sergiodxa

How to Build an app with Remix and Bun by sergiodxa

How to Prefetch data for Remix Fetcher usage by sergiodxa

If you're using Remix, you can ask it to prefetch the data of a new route using `<Link prefetch`> prop, but if you need to use `fetcher.loa…

How to Create a CRUD with Remix by sergiodxa

How to Create multiple top-level layouts in Remix by sergiodxa

How to Prevent the Remix loader to run after document request by sergiodxa

How to Pass cookies from a Remix loader to an external API by sergiodxa

How to Access the Search Params of a Request in Remix by sergiodxa

The blog of sergiodxa

How to Keep Your Loader Data Fresh in Remix by sergiodxa

The blog of sergiodxa

How to Upload Images in a Remix Application by sergiodxa

The blog of sergiodxa

How to Redirect with Search Param in Remix by sergiodxa

The blog of sergiodxa

How to Access the Loader Data in Remix by sergiodxa

The blog of sergiodxa

How to Abort Async Calls Inside Remix Loaders and Actions by sergiodxa

The blog of sergiodxa

How to Create a reusable Form component in Remix by sergiodxa

The blog of sergiodxa

How to Use TANStack Query to share data between Remix loaders by sergiodxa

The blog of sergiodxa

Downgrade to MPA if users prefer reduced data in Remix by sergiodxa

Users can enable a setting in their devices to indicate to websites that they prefer redu...

Add rolling sessions to Remix by sergiodxa

Rolling sessions is a technique to extend the maxAge of a session cookie by resetting the cookie's expiration date...

Use Server-Sent Events with Remix by sergiodxa

Using Server-Sent Events (SSE) you can keep a connection between a browser (client) and an HTTP server open an...

Progressively enhance the useFetcher hook in Remix by sergiodxa

If you're using multiple forms on the same route, you may use the useFetcher hook, which also...

Use `process.env` client-side with Remix by sergiodxa

Use process.env client-side with Remix The process.env thing is a Node.js-only feature that many front-end developers adopted as something t...

Persist inputs after a form submit in Remix by sergiodxa

Let's say you have a form with a few inputs. You want to persist the inputs' values after submitting...

Throwing vs. Returning responses in Remix by sergiodxa

When you code a loader/action (we'll call them data functions from now) in Remix, you can either retur...

Lazy-load React components in Remix by sergiodxa

Suppose we want to create a timeline component that lists different events. Each event type has a unique com...

Add additional data before submitting on Remix by sergiodxa

The Remix approach to submitting forms is to replace the &lt;form&gt; tag with their &lt;Form&gt; compone...

Bubble up data on Remix routes by sergiodxa

React introduced a one-way data flow where a parent component has some data (state) and passes it to the children...

Optional route segments with Remix by sergiodxa

Let's say we have a URL structure like this: /:category/products /products Both routes need to work...

Group related routes together in Remix by sergiodxa

Next.js released its new nested routes feature yesterday (Friday, 9th September). One of the things they ...

Parse Markdown with Markdoc in Remix by sergiodxa

Markdoc is this new Markdown parser by Stripe, and it's a simple to use yet extendable library we can use i...

Dependency injection in Remix loaders and actions by sergiodxa

Dependency Injection is a way our function or class can receieve from the caller the instancie...

E2E test Remix with Vitest and Puppeteer by sergiodxa

Vitest is a testing framework, similar to Jest, but way faster, built on top of Vite, which uses esbuil...

Multiple forms per route in Remix by sergiodxa

Suppose you have a complex enough Remix application. In that case, you may have reached the point where a sing...

Add returnTo behavior to Remix Auth by sergiodxa

If you're using Remix Auth, you may want to add support to return the user to where it was before redirectin...

Fix double data request when prefetching in Remix by sergiodxa

Suppose you rendered a &lt;Link prefetch="intent" /&gt; component in your UI with the idea of pref...

Share session and cookies between Next and Remix by sergiodxa

I have been migrating a Next.js app to Remix for a few months. I already wrote how to run them ...

Use Remix with socket.io by sergiodxa

If you want to add real-time capabilities to your Remix app without using an external service, the easiest way is proba...

Generate a PDF in Remix with Resource Routes by sergiodxa

Remix has a feature called Resource Routes which let you create endpoints returning anything. Usin...

Avoid waterfalls of queries in Remix loaders by sergiodxa

Remix does a fantastic job of avoiding waterfalls everywhere. It preloads assets. It downloads JS a...

Run Next and Remix on the same server by sergiodxa

If you want to migrate a Next app to Remix, you may be tempted to do a complete migration. Still, if your ...