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:
Form component and utils for easy form validation in remix
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.
Updated Remix Blog Tutorial using Firebase Auth for user accounts
Remix and Next-ui starter
Converting a demo of implementing nested layouts in Next.js: https://github.com/brookslybrand/next-nested-layouts
"How can I sync component state with the URL?" This is one of the most common questions I see asked in the React community, and in this video we're going to learn why trying to synchronize state between your React app and the URL is a bad idea – and the right way to address this issue. - 0:00 – Intro - 2:04 – Implementing sorting in React - 17:06 – First attempt at shareable URLs: Synchronizing React state - 20:17 – Fundamental problem with first attempt - 21:43 – Second attempt at shareable URLS: Hoist state out of React - 29:13 – Outro Links: 👉 Demo: https://2022-05-16-hoisting-state-to-url.vercel.app 🧑💻 Source on GitHub: https://github.com/samselikoff/2022-05-16-hoisting-state-to-url/blob/main/app/routes/index.jsx 💅 Table component from Tailwind UI: https://tailwindui.com/components/application-ui/lists/tables#component-7b5a46e74e475708d966ca31716f1771
The Remix Stack with Clerk authentication, Supabase database, Chakra UI, testing, linting, and more.
In this video take a previous demo I created showing how to add nested/persistent layouts in Next.js and show how to accomplish the same thing in Remix. You can find the original video here: https://www.youtube.com/watch?v=WOeLxL2DF3E&t=8s&ab_channel=ReactTipswithBrooksLybrand Code: https://github.com/brookslybrand/remix-nested-layouts Live Demo: https://remix-nested-layouts.vercel.app/
Remix Stack for deploying to Vercel with remix-auth, Planetscale, Radix UI, TailwindCSS, formatting, linting etc. Written in Typescript.
Remix with brilliant bells and useful whistles
The Remix Stack for deploying to Vercel with testing, linting, formatting, structure and mock for 3rd party API integration.
Remix starter for creating documentation websites with Hygraph
Remix takes a more traditional approach to web development, it embraces the Client/Server model and by doing so unlocks the web platform in ways you might not be used to. You'll find yourself not reaching for global state management as much (try not to when you first start out!) because you have access to what's on the server readily available to you anywhere in your application, database and all. In addition to state management adjustments, you'll also find yourself using actual platform API like Forms and the Web Fetch API. Along with Remix, Ian utilizes TypeScript, Prisma, PlanetScale, and Vercel in this course for a truly wonderful developer experience. Prisma + TypeScript make it easy to model and validate all the data flowing through your application. With Prisma set up, you'll find switching to a deployed, production database is a breeze (no really) with PlanetScale. Tying it all together is Vercel which plays nice with GitHub and PlanetScale for easy deploys. With this stack, you will build out an MVP for a social media type application. You’ll start your journey by building out the more static parts of your application, introducing you to Remix API and Patterns along the way. As you get familiar with these API and Patterns Ian will introduce you to more complex features. This includes user authentication through cookie session storage and implementing an authentication strategy (which again, is a lot more pleasant than it sounds with Remix!).
An ephemeral anonymous blog to send each other tiny beautiful letters
Another weather app but with Remix
A little app to manage self serve signups to minecraft server
Video chat app with Remix and 100ms react sdk in less than 100 lines of code.
A Remix.run starter with tailwindcss configured and deployed to various cloud platforms
The world's largest directory of tech & software discounts for students, teachers & hobbyists.
A map of the KVHH list of doctor's offices providing covid vaccinations