Simple Authentication for Remix
Simple Authentication for Remix
This video shows how to configure VS Code to debug your Remix loaders and actions. NOTE: You can now use the `debugger` statement instead of the external `debug()` function. I tried this before, but it didn't work. Not sure why it works now. You still can't set a breakpoint inside a route module, but you can add `debugger` statement and it will break there. You can then step through your code. I will be re-recording this video with this new info. Get the launch configuration here: https://rmx.fyi/debug
This is a proof of concept for showing how you can expose loader functions from your components to use in your routes.
A platform for sharing everything about Remix
Magically create forms + actions in Remix!
Remix template with Typescript, Tailwind, Zod and Prisma
A template to get a Remix PWA up and running
This package contains simple utility functions to use with [Remix.run](https://remix.run).
An objective comparison between Remix and Next.js
When you build a web application, you may reach a point where some performance problems could be solved by a...
If you are using Remix, most of your application code will live in the loaders and actions instead of React compo...
Use TailwindCSS with Remix without an extra build step!
Have you heard about our new Remix Stacks template the K-pop Stack? It combines Remix, Supabase, Tailwind, and more to give you a note creation app with auth to help jump start your own Remix creation. Check out how to make it your own and get it deployed to fast and free! Repo: https://github.com/netlify-templates/kpop-stack Blog Post: https://www.netlify.com/blog/deploy-your-remix-supabase-app-today!/
A strategy to use and implement OAuth2 framework for authentication with federated services like Google, Facebook, GitHub, etc.
Static file serving and directory listing
Supabase is a collection of open-source tools that wrap around a PostgreSQL database. In this course, we look at building a realtime chat application with Remix, using Supabase for db hosting, authentication, authorization and subscribe to realtime db events - updating the UI as the database changes. We will learn about: loaders and actions in Remix querying and mutating data with Supabase authentication with GitHub authorization with RLS merging client and server state with realtime events deploying a Remix app to Vercel This course is 100% TypeScript, however, don't stress if you don't have any experience with TS, as Supabase does most of the heavy lifting here! 🎉
You can use Zod to validate form input and create typed TypeScript objects in a Remix action function that is handling the form data.
There is a misconception that Remix is only for static sites. This is a how-to guide for building a full-stack app with the new framework + Prisma + Supabase, and deploying it to Vercel.
Remix takes the idea of “one-way data flow” and extends it across the network, so your UI truly is a function of state: from the client to the server and back again.
The easiest way to translate your Remix apps
A PWA handler for Remix
Utilities for using GraphQL with a Remix app
Zod utilities for Remix loaders and actions.
Interactive app to demonstrate how routing works in Remix
HTTP Caching is a web fundamental every web developer should eventually learn. The quickest way to a slow website is to not understand caching and ofc, the best way to make your website fast is to take advantage of it. In this video we'll explain the basics of HTTP caching, how web browsers respond to it, and how CDNs take advantage of it, by building a bare-bones Node.js server and then quickly see how to specify caching headers in a Remix App.
The Remix Stack for deploying to Fly with SQLite, authentication, testing, linting, formatting, etc.
A Stripe focused Remix Stack that integrates User Subscriptions, Authentication and Testing. Driven by Prisma ORM. Deploys to Fly.io
A React component for responsive images in Remix
Upload files to S3 compatible API - I'm using Backblaze B2 - with Remix and parseMultipartFormData
ESlint config for remix app
Validation helpers for [zod](https://github.com/colinhacks/zod) specifically for parsing `FormData` or `URLSearchParams`. This is particularly useful when using [remix](https://github.com/remix-run/remix) and combos well with [remix-validated-form](https:
Pagination for Remix apps
Vitest is a testing framework, similar to Jest, but way faster, built on top of Vite, which uses esbuil...
Form component and utils for easy form validation in remix
If you want to add real-time capabilities to your Remix app without using an external service, the easiest way is proba...
My personal website
This package makes it simple to use Zod with standard URLSearchParams and FormData which are typically used in Remix apps.
Query for Remix-Run
A package for easily managing SEO meta and link tags in Remix.
Useful utilities and simplified validation for actions and loaders.
Learn more at https://remix.run
As apps grow, almost all will need user authentication. Fortunately, Remix gives us tools to make this easy. In this post, we'll look at how we can add authentication to an app using Remix.
Easy to follow recipes for the Remix.run framework