remix-auth
Simple Authentication for Remix
Simple Authentication for Remix
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).
Personal website
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.
WIP
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
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
Pagination for Remix apps
My personal website
A package for easily managing SEO meta and link tags in Remix.
This package makes it simple to use Zod with standard URLSearchParams and FormData which are typically used in Remix apps.
Query for Remix-Run
Latest version: 1.0.1, last published: 6 months ago. Start using eslint-plugin-remix in your project by running `npm i eslint-plugin-remix`. There are no other projects in the npm registry using eslint-plugin-remix.
Get better insight on why your Remix app crashed during development 💥
Remix + React 18 Streaming
show off your sneaker collection
🎈 PartyKit ⤫ Remix 💿
Remix template with Vite, Tailwind CSS, and Fly.io support
The Remix Stack for deploying to Fly with Supabase, authentication, testing, linting, formatting, etc.
A template for deploying Remix to AWS with the Serverless framework
An example of prisma working on cloudflare pages with Remix
Remix is an amazing React framework that vastly simplifies the process of building fullstack React web apps. With this crash course, you'll learn how Remix allows you to seamlessly blend frontend and backend code into each other. Besides crucial essentials like project setup, routing and styling you'll also learn how to fetch and submit data, and how to integrate backend code into your React application. 👉 If you want to learn more about this awesome React framework, you can explore my full course "Remix - The Practical Guide": https://acad.link/remix (a huge discount will be applied automatically). 👉 Learn more about React.js itself with my bestselling "React - The Complete Guide" course: https://acad.link/reactjs Code attachments: https://github.com/academind/remix-practical-guide-course-resources/tree/main/Code/02%20Essentials Join our Academind Community on Discord: https://academind.com/community Check out all our other courses: https://academind.com/courses ---------- • Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts • Follow @maxedapps and @academind_real on Twitter • Follow @academind_real on Instagram: https://www.instagram.com/academind_real • Join our Facebook community on https://www.facebook.com/academindchannel/ See you in the videos! ---------- Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Remix package to define routes using the flat-routes convention
✨ My portfolio built with Remix, Tailwind, Prisma, and Fly.io.
A collection of social media strategies for remix-auth
Task manager application inspired in Jira. Side project made with Remix, React, Tailwind, TypeScript and more.
An abstraction for themes in your Remix_run app.
Decouple your business logic from your Remix actions and loaders. With first-class type inference from end to end.
A Remix app using Express and Socket.io
Remix and Next-ui starter
This package is a replacement for superjson to use in your Remix app. It handles a subset of types that `superjson` supports, but is faster and smaller.
An easy to use Remix + React Native Web starter
Collection of SEO utilities like sitemap, robots.txt, etc. for a Remix Application
SAML Jackson library
What is a Code Snippet? A Code Snippet is a block of code you can share and reuse. By...
A little demo using remix resource routes to render a dynamic Remotion video!
organize your ideas in a neat and cozy bucket (so they don't get jumbled around and lost like mine 🙃)
A CLI for remix-run
Remix.run implementation of Conduit
Converting a demo of implementing nested layouts in Next.js: https://github.com/brookslybrand/next-nested-layouts
Flash Me | Learn through rehearsal. Create and study with flashcards online.
Use your PostCSS Config in Remix
Remix example showing how to use WalletConnect with Remix
A Remix.run starter with tailwindcss configured and deployed to various cloud platforms
An ephemeral anonymous blog to send each other tiny beautiful letters
A React component for responsive images in Remix
A Remix tutorial to build a Wordle clone
A One-Time Password Authentication Strategy for Remix Auth.
Beautiful errors for Remix, both in browser and console
Share your clipboard with people nearby. No Setup, No Signup.
Master integration testing for Remix apps using Vitest, TypeScript, Docker, and real databases, with adaptable techniques for any JS app like Next.js
This package is a replacement for superjson to use in your Remix app. It handles a subset of types that `superjson` supports, but is faster and smaller.
Sitemap generator for Remix applications
Patch to add .server extension to folder in Remix
Remix is a new tool for building and deploying fullstack React applications with a keen appreciation for the web's foundations, built by the team behind React Training — and it was just made open source! Come join us on Some Antics as Chance Strickland shows us how we can build a project management app using Remix. Broadcasted live on Twitch on December 21, 2021. Watch future streams live at https://www.twitch.tv/someanticsdev. Transcript and links at: https://someantics.dev/remix/ Starter code: https://github.com/remix-run/remix/tree/main/examples/pm-app #WebDev #ReactJS #RemixRun --- More From Chance: - Follow Chance on Twitter: https://twitter.com/chancethedev - Chance's Egghead course on React and TypeScript: https://egghead.io/courses/refactor-a-react-application-to-typescript-c70bffa0 Mentioned Links: - Remix docs: https://remix.run - PM2: https://www.npmjs.com/package/pm2 - On-Demand Hydration in Remix, by Sergio XalambrÃ: https://sergiodxa.com/articles/on-demand-hydration-in-remix - Marcy Sutton's client-side routing user testing at Gatsby: https://www.gatsbyjs.com/blog/2019-07-11-user-testing-accessible-client-routing/ - Join Remix's Discord server: https://rmx.as/discord - See Chance and Ben build an accessible tab component: https://someantics.dev/tabs-react/ --- 00:00:00 Introductions 00:04:48 What Even Is Remix? 00:07:35 An Aside About T-rexmas Apparel 00:08:44 The Root Route 00:20:00 The Index Route and Redirects 00:21:57 The Sign-In Route 00:25:51 Actions and Forms 00:33:33 The Register Route 00:38:31 Projects and Todo Lists 00:48:21 Fetchers and Optimistic UI 00:58:58 Displaying Nested Routes with Outlets 01:06:57 Creating New Todos with Fetchers 01:29:16 An Aside About Focus Management 01:32:27 Initializing and Deploying Remix Applications 01:36:47 Wrapping Up
This is a Full Stack app starter with the foundational things setup and configured for you to hit the ground running on your next EPIC idea.
Remix.run + GraphQL that works on remix loaders / SSR
Get Real-Time Chat and Presence in Seconds With Cord + Remix