jamescellsct / awesome-remix

awesome-remix

A curated list of awesome Remix 💿 packages and resources.

Contents

• Packages
• Templates
• Example Apps
• Videos
• Blog Posts

Packages

• remix-auth - Simple Authentication for Remix
• remix-utils - A set of utility functions and types to use with Remix.run
• remix-i18next - The easiest way to translate your Remix apps
• remix-seo - A package for easily managing SEO meta and link tags in Remix.
• remix-params-helper - Helpers that make it simple to use Zod with URLSearchParams, FormData, and Remix params object
• remix-tailwind - Use TailwindCSS with Remix without an extra build step
• remix-validated-form - A ValidatedForm component and helpers for easy client and server side form validation.
• remix-themes - An abstraction for themes in your Remix app.
• remix-routes - Typesafe routing for your Remix apps.
• remix-middleware - An express-like middleware system for remix loaders and actions
• remix-crash - Get better insight on why your Remix app crashed during development 💥
• remix-pwa - A package to integrate PWA features into Remix
• superjson-remix - A solution for Remix that allows you to send binary data from your loader to your React client app
• remix-etag - Makes adding an ETag header to a response easy
• remix-domains - Decouple your business logic from your Remix actions and loaders. With first-class type inference from end to end.

Templates

• remix-azure-template - Remix app deployed to Azure Functions
• remix-nested-layouts
• remix-tailwind-starter
• remix-on-netlify
• remix-css-modules
• remix-auth-layouts-example
• remix-worker-template - All-in-one Remix Cloudflare worker template with tailwindcss, cypress, eslint and prettier
• remix-starter-kit - Remix ft. Supabase(Auth, CRUD, Storage) with other essentials - TailwindCSS, DaisyUI, ESLint, etc.
• remix-edge-kit - Remix ft. Prisma(Railway.app/Planetscale)/FaunaDB/Supabase and other essentials but designed for Cloudflare workers
• remix-edgedb - Remix ft. EdgeDB, Tailwind, Fly, and cookie-based authorization
• remix-chop-suey-stack - Remix ft. EdgeDB, Tailwind, Fly, and Clerk

Example Apps

• kentcdodds.com
• hova-labs-remix
• snkrs
• realworld-remix.run
• camchenry-remix
• sergiodxa/personal-site
• metronome.sh
• sergiodxa/collected-remix
• Interactive Remix Routing
• Remix Ink

Snippets

• HOWTO: Debug your server-side Remix code using VSCode
• sitemap.xml generator

Videos

• Introducing Remix v1 💿
• CDN Caching, Static Site Generation, and Server Side Rendering
• Document Titles in Remix
• Live with Kent: Building Authentication with Postgres, Prisma, and Remix
• Progressive Enhancement with Remix
• How to Add Nested/Persistent Layouts in Remix
• Introduction to HTTP Caching
• Deploy Remix to Netlify Serverless Functions in less than 3 minutes
• Remix Utah Meetup 2021-12-02
• Remix Tutorial with Kent
• Interview to Michael Jackson at devtools-fm
• Remix Tutorial | Trying out the newest React Framework!
• Remix Run Speedrun - Pokemon
• Remix is a NEW JavaScript framework you MUST try

Blog Posts

• React Server Components and Remix
• On Rails
• First impressions with Remix
• Loader vs Route Cache Headers in Remix
• The useMatches hook in Remix
• Validating Remix forms with Constraints API
• Test Remix loaders and actions
• Use Fathom with Remix
• Use NProgress in a Remix app
• How Remix makes CSS clashes predictable
• Super Simple Start to Remix
• Use ETags in Remix
• Stable Forms in Remix
• Generating Social Images with Remix
• Building a Simple Search UI with Remix
• Sending data from layout to leaf routes in Remix
• Using Service Workers with Remix
• Localizing Remix apps with i18next
• Adding CSRF protection to Remix
• Load only the data you need in Remix
• Server-Side authentication with Auth0 in Remix
• Using TailwindCSS with Remix
• Jest Matchers for Remix responses
• Using Form Objects inside Remix actions
• Route protection in Remix with Policies
• Redirect to the original URL inside a Remix action
• Why Remix is worth your attention
• Remix for Next.js Developers