Share session and cookies between Next and Remix by sergiodxa

Published on sergiodxa.com

others / sergiodxa.com2023-01-24

Use Remix as a SPA only by sergiodxa

Remix always does SSR on document requests. Then it works as an MPA until JS loads and React hydrates your app. At that ...

others / sergiodxa.com2022-12-16

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...

others / sergiodxa.com2022-12-02

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...

others / sergiodxa.com2022-11-30

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...

others / sergiodxa.com2022-11-16

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...

others / sergiodxa.com2022-11-09

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...

others / sergiodxa.com2022-10-20

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...

others / sergiodxa.com2022-10-14

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...

others / sergiodxa.com2022-10-13

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...

others / sergiodxa.com2022-09-26

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...

others / sergiodxa.com2022-09-24

Add additional data before submitting on Remix by sergiodxa

The Remix approach to submitting forms is to replace the <form> tag with their <Form> compone...

others / sergiodxa.com2022-09-19

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...

others / sergiodxa.com2022-09-10

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 ...

others / sergiodxa.com2022-07-22

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...

others / sergiodxa.com2022-07-20

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...

others / sergiodxa.com2022-05-18

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...

others / sergiodxa.com2022-04-19

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...

others / sergiodxa.com2022-02-27

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...

others / sergiodxa.com2022-02-24

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 ...

others / sergiodxa.com2022-02-24

Fix double data request when prefetching in Remix by sergiodxa

Suppose you rendered a <Link prefetch="intent" /> component in your UI with the idea of pref...

others / sergiodxa.com2022-01-11

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...

others / sergiodxa.com2022-01-10

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...

others / sergiodxa.com2022-01-06

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...

others / sergiodxa.com2022-01-03

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 ...

others / sergiodxa.com2021-12-24

HTTP vs. Server-side Cache in Remix by sergiodxa

When you build a web application, you may reach a point where some performance problems could be solved by a...

others2022-02-24

Share session and cookies between Next and Remix by sergiodxa

sergiodxa.com

Tutorials

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

Published on sergiodxa.com

others / sergiodxa.com2021-12-24

HTTP vs. Server-side Cache in Remix by sergiodxa

When you build a web application, you may reach a point where some performance problems could be solved by a...

others / sergiodxa.com2021-12-24

Test Remix loaders and actions by sergiodxa

If you are using Remix, most of your application code will live in the loaders and actions instead of React compo...

others / sergiodxa.com2022-05-18

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...

others / sergiodxa.com2022-01-11

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...

others / sergiodxa.com2021-12-24

Validating Remix forms with Constraints API by sergiodxa

The Constraints API is a browser API that has been available since the times of IE10, yep, that old....

others / sergiodxa.com2022-01-06

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...