remix-auth
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.
When you build a web application, you may reach a point where some performance problems could be solved by a...
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
An objective comparison between Remix and Next.js
This package contains simple utility functions to use with [Remix.run](https://remix.run).
## Problem
If you are using Remix, most of your application code will live in the loaders and actions instead of React compo...
Personal website
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!/
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.
Static file serving and directory listing
A strategy to use and implement OAuth2 framework for authentication with federated services like Google, Facebook, GitHub, etc.
WIP
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.
Snippets of code translated from Next.js to Remix. Learn Remix by example.
Zod utilities for Remix loaders and actions.
Brooks shows off the new experimental View Transition API in Remix v2.1.0 Release Notes π https://github.com/remix-run/remix/releases/tag/remix%402.1.0 unstable_viewTransition API π https://remix.run/docs/2.1.0/components/link#unstable_viewtransition Matt Brophy's React Router Demo π https://github.com/brophdawg11/react-router-records Chapters 00:00 Introduction 02:41 Remix.run blog example 05:29 Transitioning specific elements 13:24 Accessibility and prefers-reduced-motion Learn more at https://remix.run
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
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!/
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.
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! π«Ά
Learn more at https://remix.run
Check out the new v2_dev docs π https://remix.run/docs/en/main/other-api/dev-v2 Indie stack π https://github.com/remix-run/indie-stack