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
Utilities for using GraphQL with a Remix app
A PWA handler for Remix
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 One-Time Password Authentication Strategy for Remix Auth.
A Remix tutorial to build a Wordle clone
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
Example showing how to use global data in your Remix app
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
A template to get you up and building a dashboard in Remix.
Example of using CSS modules with Remix.run
Knowledge Base starter kit with WYSIWYG, Markdown, GPT, and Multi-language support. Built with Remix, Tailwind CSS and Prisma.
Remix run stack built for the edge (cloudflare pages and d1)
This is a minimal Remix stack to serve as a starting point for demos and debugging.
remix development, streamlined
The Remix Stack with Clerk authentication, Supabase database, Chakra UI, testing, linting, and more.
middleware for your remix loaders and actions
🔆 Fullstack boilerplate using Remix, Next.js, Expo, Prisma, TypeScript, tRPC and many more!
The Remix Stack for deploying to Cloudflare with Clerk authentication, testing, linting, formatting, etc.
The Remix Stack for deploying to Fly with PostgreSQL, authentication, testing, linting, formatting, etc.
A production-ready Remix stack built for AWS Lambda. Authentication. Security, Internationalization, Feature Flags, Analytics, Tests, Storybook, Ephemeral and Production CI/CD and more.
Opinionated SaaS quick-start with pre-built user account and organization system for full-stack application development in React, Node.js, GraphQL and PostgreSQL. Powered by PostGraphile, TypeScript, Apollo Client, Graphile Worker, Graphile Migrate, GraphQL Code Generator, Ant Design and Remix
Remix Stack for deploying to Vercel with remix-auth, Planetscale, Radix UI, TailwindCSS, formatting, linting etc. Written in Typescript.
The Remix Stack for deploying to AWS with DynamoDB, authentication, testing, linting, formatting, etc.
A Remix stack for EdgeDB-backed applications
A Remix run project with a Remotion Player and AWS Lambda render
Remix + Cloudflare Workers + DO + Turborepo
Remix stack for an MDX docs site that is quick to set up and customize
Remixtape is the modern SaaS boilerplate with everything you need to build better websites with Remix.DatabaseBring your own DB with the best-in-class Node.js and TypeScript ORM Prisma.AuthenticationAuthenticate users with their email and password without compromising on security using the state-of-the-art password hashing algorithm Argon2id.TeamsYour codebase is ready for teams out of the box. Admin users can invite teammates to their organization with is own billing management and invitation workflow.PaymentsSubscription payments are powered by Stripe Checkout. You get everything you need to manage a team's subscription, including webhooks handlers and customer portal.Self-serve account managementThe following user flows are already implemented for you so users can manage their own account without having to email you:RegistrationPassword resetAccount deletionSubscription cancellationEmail and password modificationDX nicetiesBecause small things do matter.Pretty loggingEmail previewsFully typed input validationEasy SEO meta & link tagsAutomatic code formatting and lintingBackground and scheduled jobs processing
The Remix Stack for Web2 apps and Web3 DApps with authentication with Magic, testing, linting, formatting, etc.
A simple blog built with remix and mdx
A Remix stack setup to run on Deno with support for Rust WASM modules!
In this talk Ryan will give an overview of Deno, a modern JavaScript runtime, and Deno Deploy, a serverless at edge JavaScript hosting service. He'll give a peak behind the sceenes at the technology powering Deno Deploy, and of course demo how to deploy a Remix app on it. Speaker bio: In 2009, Ryan Dahl released Node.js. Now, Ryan is the CEO of Deno, the company behind the Deno project: A modern runtime for JavaScript and TypeScript. Deno's deploy product is pushing this runtime in the future of modern web architecture via multi-regional deploys with an outrageously fast runtime. Learn more at https://remix.run/conf/2022/speakers/ryan-dahl