Homegrown Remix Middleware (feat. Kiliman)

Kiliman shows Brooks how to use two new packages he's created for homegrown session context and middleware, and walks him through authentication and session management examples in a Remix application. remix-express-vite-plugin 👉 https://github.com/kiliman/remix-express-vite-plugin Learn more about Kiliman 👉 https://twitter.com/codingthirty 00:00 - Introduction 00:44 - Kiliman's background with Remix 02:44 - Thoughts on Remix's routing convention 06:47 - Motivation for homegrown middleware 09:24 - Setting up the project 11:03 - Setting up express-dev-server and remix-create-express-app 18:36 - Setting up middleware 19:38 - Implementing session middleware 31:23 - Implementing auth middleware 40:55 - Comparing with the RFC 47:33 - Final thoughts Learn more at https://remix.run

dev-xo/remix-saas

A Lightweight, Production-Ready Remix Stack for your next SaaS Application.

Roadmap Planning #11

- Public roadmap 👉 https://github.com/orgs/remix-run/projects/5 - RFCs 👉 https://github.com/remix-run/remix/discussions/categories/official-rfcs - "Open Development" blog post 👉 https://remix.run/blog/open-development 00:00 - Introduction and current work 10:18 - Overview of "In Progress" 13:44 - Fog of War 18:50 - Split out client loaders/actions 24:19 - Middleware and Server Context 40:48 - SSG Learn more at https://remix.run

Remix for Next.js Developers

Snippets of code translated from Next.js to Remix. Learn Remix by example.

Replace ESLint & Prettier with Biome.js - Simon Depelchin

Learn more about Software Development

Easy Stripe Integration in your Remix.run App

In Today's episode will cover: - @Stripe Integration - Webhook Setup - Checkout Session and Payment Testing These videos are free and created for the community, support will be much appreciated! 🫶

Deploy a Remix App on Google Cloud Run

Debounce your useFetcher submissions with this custom Remix hook

Debouncing helps reduce server load. Create a custom fetcher hook that adds debounce support. Modify the type of useFetcher to support extra features.

@vite-pwa/remix

Zero-config PWA for Remix

Migrating Remix to Vite

Challenges, learnings, and scripts — still not done yet 😰

Case Study: Building Shop with Remix

A case study on how Shopify rapidly built a web version of their popular iOS/Android app Shop with Remix

kiliman/remix-global-data

Example showing how to use global data in your Remix app

How to Add i18n to a Remix Vite app by sergiodxa

alexanderson1993/remix-colyseus

Varkoff/remix-nestjs-monorepo

Remix App With NestJS Adapter

New Hygraph Studio

Studio is the revamped interface of Hygraph, the next-generation headless CMS. Sign up to use Studio today and experience how it can help you build higher-performance digital applications while empowering your editorial and development teams to work faster.

Understanding the Steps of Migrating Your Remix App to Vite.js

Remix 2.7 introduced official Vite support, making it ideal to migrate our Remix Apps to Vite. In today's episode, we'll step by step migrate a base Remix App to Vite. 00:00 Introduction 00:14 Step 1: Setup Vite 00:40 Step 2: HMR & HDR 00:58 Step 3: TypeScript Integration 01:26 Step 4: Migrating Remix App Server 02:00 Step 5: Path Aliases 02:26 Step 6: Remove @remix-run/css-bundle 03:00 Step 7: Enabling TailwindCSS 03:24 App Migration (Remix + Vite)

alessandrojcm/remix-nitro

An example on how to run Remix with Nitro with HMR using Vite's 5.1 experimental runtime API.

Deploying Remix to GitHub Pages

Brooks walks through how to get started with Remix SPA mode (ssr: false) and how to setup a simple GitHub Action to deploy to GitHub Pages. Repo: https://github.com/brookslybrand/remix-gh-pages 00:00 - Intro 00:19 - Setting up a Remix SPA mode project 02:26 - Setting up GitHub Pages 03:47 - Setting up a GitHub Action 06:12 - Fixing asset 404s with basename 08:44 - Outro Learn more at https://remix.run

Internationalization with Remix

Learn how to implement internationalization (i18n) in your Remix project. Discover the significance of i18n, gain an understanding of the core principles, and learn various strategies for effective i18n management with Remix.

Add Drizzle ORM to Remix Vite with Cloudflare D1

Drizzle is a typescript ORM for type-safe database access and automatic migrations. Add it to your Remix app to get started with Cloudflare D1.

How to deploy Remix Vite to Netlify | Netlify Developers

Learn how our new Remix adapters and templates add support for Vite with Remix for both Netlify Functions and Edge Functions.

Handle both JSON and FormData in Remix

Use formdata for progressive enhancement and json for a better developer experience. Parse request bodies based on their content type, and parse fetchers read pending requests.

gregermendle/remix-mailer

Preview and test emails in Remix using [BLANK]

The Valley of Code: Remix

Remix is an excellent Web Application Framework I would use when building complex React-based applications.