Remix Cookbook - Form and data validation with ZOD

Discover

package / www.npmjs.com2021-12-24

remix-auth

Simple Authentication for Remix

others / www.youtube.com2022-01-11

How to Debug Remix loaders and actions in VS Code

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

repository / github.com2021-12-24

kiliman/remix-component-data

This is a proof of concept for showing how you can expose loader functions from your components to use in your routes.

others / sergiodxa.com2021-12-24

HTTP vs. Server-side Cache in Remix by sergiodxa

When you build a web application, you may reach a point where some performance problems could be solved by a...

repository / github.com2021-12-24

edmundhung/remix-guide

A platform for sharing everything about Remix

package / www.npmjs.com2022-02-25

remix-forms

Magically create forms + actions in Remix!

repository / github.com2022-01-30

QuentinWidlocher/remix-template

Remix template with Typescript, Tailwind, Zod and Prisma

repository / github.com2022-01-30

jacob-ebey/remix-pwa

A template to get a Remix PWA up and running

package / www.npmjs.com2021-12-24

remix-utils

This package contains simple utility functions to use with [Remix.run](https://remix.run).

others / remix.run2022-01-18

Remix vs Next.js

An objective comparison between Remix and Next.js

package / www.npmjs.com2022-03-21

remix-etag

## Problem

others / sergiodxa.com2021-12-24

Test Remix loaders and actions by sergiodxa

If you are using Remix, most of your application code will live in the loaders and actions instead of React compo...

repository / github.com2021-12-24

sergiodxa/personal-site

Personal website

package / www.npmjs.com2021-12-24

remix-tailwind

Use TailwindCSS with Remix without an extra build step!

others / www.youtube.com2022-04-28

Deploy Remix K-pop Stack + Supabase

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!/

package / www.npmjs.com2021-12-28

remix-auth-oauth2

A strategy to use and implement OAuth2 framework for authentication with federated services like Google, Facebook, GitHub, etc.

package / www.npmjs.com2022-11-08

remix-vite

Static file serving and directory listing

others / egghead.io2022-12-16

Build a Realtime Chat App with Remix and Supabase

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! 🎉

others / egghead.io2022-08-23

Validating Remix Form Data Using Zod and TypeScript

You can use Zod to validate form input and create typed TypeScript objects in a Remix action function that is handling the form data.

repository / github.com2022-01-21

jacob-ebey/remix-ecommerce

WIP

others / vicvijayakumar.com2022-03-14

Building a full stack app with Remix, Prisma, and Supabase

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.

others / remix.run2022-06-27

Data Flow in Remix

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.

package / www.npmjs.com2021-12-24

remix-i18next

The easiest way to translate your Remix apps

package / www.npmjs.com2022-02-17

remix-pwa

A PWA handler for Remix

package / www.npmjs.com2022-01-11

remix-graphql

Utilities for using GraphQL with a Remix app

others2022-01-12

Remix Cookbook - Form and data validation with ZOD

remix-cookbook.com

Tutorials

Remix brings us back to the olden days of web development by relying on web fundamentals. In practice, this means leaving it to the browser to do t...

Published on remix-cookbook.com

others / remix-cookbook.com2022-01-07

Remix Cookbook - Easy to follow recipes for Remix.run

Easy to follow recipes for the Remix.run framework

others / remix-cookbook.com2022-01-13

Remix Cookbook - Does Remix impose a project structure I have to follow?

Aside from a few conventions you have to follow, Remix won’t stay in your way in terms of project organization. That’s nice but, at the same time, ...

others / remix-cookbook.com2022-01-10

Remix Cookbook - Dark mode toggle with Remix Resource Routes and Dynamic CSS

This article will show you how to leverage Remix Resource Routes to deliver a dark mode toggle: In a hurry? Go straight to the source-code on Gith...

others / remix-cookbook.com2022-01-20

Remix Cookbook - Deploy on CloudFlare workers with a quick explanation about the Edge Network

Before we outline all the steps to deploy a Remix application on CloudFlare workers, we’d like to take a moment to explain what the Edge Network is...

others / remix-cookbook.com2022-01-31

Remix Cookbook - Bringing the power of Tailwind CSS to a Remix project

There are numerous tools to help you build remarkable user interfaces on the web. Nowadays, one of the most popular is Tailwind CSS. It is a librar...

others / remix-cookbook.com2022-01-26

Remix Cookbook - How to keep your Remix routes tidy

Remix is a server-side framework which makes use of React as the view layer. Newcomers could face some well-known challenges while building server-...