Future Proofing Your Remix App

We've introduced the concept of future flags to give you a smooth upgrade path for your Remix app.

remix-sitemap

Sitemap generator for Remix applications

Building a context loaded chat assistant with OpenAI and Remix

It seems everyone is using Chat GPT in their daily lives. From coding, to recipes, to blog generation, carefully crafted prompt engineering…

Curso Remix How To com Fabio Vedovelli

Este curso lhe trará habilidades para desenvolver aplicações com Remix.run e ajudará a compreender como o Remix funciona. Seu momento "ahá" está mais perto do que você imagina.

remix-routes-folder

A Remix plugin that allows you to organize your routes in multiple route-folders.

Aula inaugural do curso Aprenda Remix com Fabio Vedovelli

Remix without Limits – Vercel

Vercel now has advanced Remix support, including SSR streaming with Edge Functions and multi-runtime support.

dalmaer/remix-openai-streaming

A simple sample project on how to stream openai completion to a Remix app

Front-Commerce is getting a Remix | Front Commerce Developers

We are thrilled to announce that we’re Remixing Front-Commerce!

Shop's AI-powered shopping assistant

Get personalized shopping recommendations from Shop’s AI-powered shopping assistant. Make shopping fun and find exactly what you’re looking for in a flash.

A Pot of (Code) Gold: A Remix NYC St. Patrick's Day Event

Indianapolis Remix Meetup, Thu, Apr 6, 2023, 7:00 PM | Meetup

Remix. It’s web fundamentals. It’s the future of react applications. Got an opinion? Let’s discuss!

@superflare/remix

Remix plugin for Superflare

My experience learning React, web standards, and Remix | Andre Landgraf

In this blog post, I am sharing my story of learning React, web standards, and Remix, and answer the question why I actively try to use less React.

Lazy Loading Routes in React Router 6.4+

Decoupling data-fetching from rendering introduces some complexities if you want to lazily load your route components. Check out how the newly introduced `route.lazy()` method helps solve this to keep your app bundles small and your UX snappy!

meza/trance-stack

A production-ready Remix stack built for AWS Lambda. Authentication. Security, Internationalization, Feature Flags, Analytics, Tests, Storybook, Ephemeral and Production CI/CD and more.

Stream Progress Updates with Remix using Defer, Suspense, and Server Sent Events

Use Remix's Defer feature in combination with an EventStream to stream progress updates to the client.

insync - Stay in sync with the music you love

insync automatically generates playlists with music from your favourite artists to help you rediscover the music you love!

remix-island

utils to render remix into a dom-node instead of the whole document

/uses

A list of /uses pages detailing developer setups.

Tony's Chocolonely - Headless Shopify eCommerce website re-design

Tony's Chocolonely Demo Store is a Shopify ecommerce built to showcase headless Shopify integrated with Sanity. We re-designed the online store.

Dynamic OG images with Remix and Node.js | Mokhtar Mial

Learn how to generate Open Graph images in your Remix app

From Angular to Remix: Route by route migration

In this tutorial, we will show you how to migrate an Angular application to Remix by running Angular...

Roadmap #5

Learn more at https://remix.run

kiliman/remix-hydration-fix

Sample app that shows how to fix React hydration issues in a Remix app

Type safe context in Remix on Cloudflare Pages

Remix Detector

Try to detect if Remix is being used on the site and show the Remix logo if it is

How to build a Remix website with Sanity.io and live preview | Sanity.io guide

Combine Sanity's blazing-fast CDN with Remix's cached at the edge pages.

Remix NYC — Jan 18, 2023 (Remix with tRPC and React Native) (P IS FOR PERFORMANCE LITERACY)

This is the recording for the Remix NYC meetup on January 18, 2023. Talks: 1. Using Remix with TRPC and React Native to build a sample full stack app by Quentin Geddis (https://twitter.com/quentincwg) 2. P IS FOR PERFORMANCE LITERACY by Henri Helvetica (https://twitter.com/henrihelvetica) More about Remix NYC: - Follow us at https://twitter.com/remix_run_nyc. - We host meetups monthly, free of charge. Check us out here: https://www.meetup.com/remix-nyc/. - Want to give a talk? https://airtable.com/shrHi8P2T3fKmtHh0 - Want to sponsor our meetup? https://airtable.com/shro1qUzBgqaLIGGp Timestamps: 00:00 Start 10:44 Quentin Introduction 11:00 Using Remix with TRPC and React Native to build a sample full stack app 15:39 (Demo) Using Remix with TRPC and React Native to build a sample full stack app 36:00 Henri Introduction 37:00 P IS FOR PERFORMANCE LITERACY 1:28:53 End

Hydrogen: Shopify’s opinionated framework for building headless e-commerce

Start and grow your e-commerce business - 3-Day Free Trial

Try Shopify free and start a business or grow an existing one. Get more than ecommerce software with tools to manage every part of your business.

Remix Auth

Supabase Auth simplifies building an app with users. Remix is a web framework that gives you little bits of server where you need it! 🚀 In this video, Jon Meyers takes us through the brand new Supabase Auth Helpers package, which provides convenience functions around storing session data in cookies, rather than localStorage. This makes it possible to send authenticated requests to your database, from the client or server! 🍪 Free egghead course on Remix and Supabase: https://egghead.io/courses/build-a-realtime-chat-app-with-remix-and-supabase-d36e2618 Remix Auth Helpers Docs: https://supabase.com/docs/guides/auth/auth-helpers/remix Learn more about Supabase 👇 🕸 Website: https://supabase.com/ 🏁 Get started: https://app.supabase.com/ 📄 Docs: https://supabase.com/docs 🐙 Github: https://github.com/supabase 💬 Discord: https://discord.supabase.com/ 🐦 Twitter: https://twitter.com/supabase/

dev-xo/remix-auth-otp

A One-Time Password Authentication Strategy for Remix Auth.

10 Shopify SEO best practices with Sanity and Remix

We build Shopify stores with SEO best practices by leveraging the integration with Remix and Sanity. We cover on-page SEO, indexation, and dynamic sitemaps.

A Tool for Discussion / Oxide

Showcasing a hub for knowledge sharing and collaboration that drives our decision-making process.

Jira clone

Task manager application inspired in Jira. Side project made with Remix, React, Tailwind, TypeScript and more.

How to create one form with many actions in Remix

Here is an easy method for building forms with multiple outcomes using a not well known html feature.

Scroll Management with Remix and React Router

Learn to prevent scroll reset on navigation and how to take control over how it restores on back/forward. Learn more at https://remix.run

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

v1.11 Remix Streaming with React Suspense and Remix Defer

Ryan takes us for a first look at Remix Streaming from the v1.11.0 release Learn more at https://remix.run

v1.11.0 Remix Streaming and Granular Error Handling

Ryan shows us how to get granular with our errors and prevent slow, risky data loads from taking down the entire page if it has an error. Learn more at https://remix.run

jacob-ebey/remix-d1-northwind

Northwind Traders implemented on Remix + CF Pages + D1

Never Trust the Client: Architecting a Resilient API

It's important to architect your APIs in a way that can't be spoofed by a mischievous client application.

Call Remix Loaders on demand with useRevalidator

Remix Loaders are a great way to fetch data server-side before rendering the page. As of v1.10.0, you can use the useRevalidator hook to call these loaders whenever you want. In this video, Jon Meyers demonstrates how this can be paired with Supabase Auth and the onAuthStateChange hook to keep the UI in sync with the user's signed in state. GitHub repo: https://github.com/dijonmusters/remix-revalidation-on-demand To learn more about building an app with Remix and Supabase, check out this entirely free egghead course: https://egghead.io/courses/build-a-realtime-chat-app-with-remix-and-supabase-d36e2618?af=9qsk0a In this course we build a realtime chat application and learn about: 🍪 managing sessions with cookies using the Supabase Auth Helpers 🏢 fetching data server-side 🧙‍♀️ generating TypeScript definitions with the Supabase CLI ⏱️ merging realtime updates with loader data 00:00 Introduction 01:10 Creating Remix app 02:07 Adding a loader function 03:00 Empty action hack 05:33 Calling active loaders with useRevalidator 06:23 Creating a Supabase project 08:25 Instantiating a Supabase client 10:55 Implementing Supabase Auth 13:37 Revalidating data onAuthStateChange 15:10 Summary Other helpful resources 📜 Blog article: https://jonmeyers.io/blog/call-remix-loaders-on-demand-with-userevalidate 👇 Get more from Jon 👇 Twitter: https://twitter.com/jonmeyers_io Blog: https://jonmeyers.io/blog

Roadmap Planning #3

Learn more at https://remix.run

remix-ts-snippets - Visual Studio Marketplace

Extension for Visual Studio Code - Snippets for writing Remix with TypeScript code faster!

Roadmap Planning #4

Learn more at https://remix.run

sendou.ink

Competitive Splatoon Hub featuring gear planner, event calendar, builds by top players, and more!

react-router-v6-codemods

A collection of codemods for react-router for upgrading to v6.