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! 🫶
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.
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
@vite-pwa/remix
Zero-config PWA for Remix
Migrating Remix to Vite
Challenges, learnings, and scripts — still not done yet 😰
kiliman/remix-global-data
Example showing how to use global data in your Remix app
alexanderson1993/remix-colyseus
How to Add i18n to a Remix Vite app by sergiodxa
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.
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.
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)
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
alessandrojcm/remix-nitro
An example on how to run Remix with Nitro with HMR using Vite's 5.1 experimental runtime API.
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.
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.
How to Persist the user locale using cookies with Remix & i18next by sergiodxa
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.
How to Build a simple login and logout with Remix by sergiodxa
ws-rush/unplugin-remix-router
saas-kits/remix-boilerplate
SaaSKits is a SaaS boilerplate built with Remix, Stripe, Prisma and Resend to help you bootstrap your SaaS idea quickly.
jacob-ebey/remix-electron-llamafile
Chat with LLMs locally utilizing llamafile as the underlying model executor.
A script that combines a folder of SVG files into a single sprites file and generates type definitions for safe usage.