Remix 资源

由社区制作,为社区服务

npm i -D @remix-pwa/dev

特色Remix PWA

一个轻量级包和助手生态系统,将完整的 PWA 功能集成到 Remix 💿 中

npx create-epic-app@latest

Epic Stack

这是一个全栈应用程序启动器,包含了基础设置和配置,让您在下一个 EPIC 创意上快速上手。

npm install remix-utils

Remix Utils

一组与 Remix.run 一起使用的实用程序函数和类型

npm install remix-auth

Remix Auth

Remix 的简单身份验证

npm install @conform-to/react @conform-to/zod --save

CONFORM

一个类型安全的表单验证库,利用 Web 基础知识来逐步增强 HTML 表单,并完全支持 Remix 和 Next.js 等服务器框架。

npx create-remix-saas@latest

Remix SaaS

一个轻量级、生产就绪的 Remix 堆栈,用于您的下一个 SaaS 应用程序。

npx create-remix@latest --template remix-run/indie-stack

Indie Stack

用于将 Remix 部署到 Fly 的堆栈,带有 SQLite、身份验证、测试、代码整理、格式化等。

npx create-remix@latest template remix-run/blues-stack

Remix Blues Stack

用于将 Remix 部署到 Fly 的堆栈,带有 PostgreSQL、身份验证、测试、代码整理、格式化等。

npm install -D remix-flat-routes

Remix Flat Routes

Remix 包,用于使用 flat-routes 约定定义路由

npm install remix-development-tools -D

Remix Dev Tools

使用 Remix / react 路由的开发者工具,将您的开发速度提高 10 倍

npm install remix-i18next i18next react-i18next i18next-browser-languagedetector

remix-i18next

翻译 Remix 应用程序的最简单方法

npm install remix-forms

Remix Forms

Remix 和 React Router 的全栈表单库

npm install remix-hono

Remix + Hono

用于 Remix 的 Hono 中间件

npx create-remix@latest --template remix-run/grunge-stack

Remix Grunge Stack

用于将 Remix 部署到 AWS 的堆栈,带有 DynamoDB、身份验证、测试、代码整理、格式化等。

npm install remix-routes

remix-routes

Remix 应用程序的类型安全路由。

npx create-remix@latest template AlexandroMtzG/remix-page-blocks

Remix Page Blocks

使用 Remix 和 Tailwind CSS 的简单页面块编辑器。

npm install remix-auth-totp

Remix Auth TOTP

Remix-Auth 的基于时间的一次性密码 (TOTP) 身份验证策略。

npx create-remix template rphlmr/supa-fly-stack

Remix Supa Fly Stack

用于将 Remix 部署到 Fly 的堆栈,带有 Supabase、身份验证、测试、代码整理、格式化等。

npx create-remix --template edmundhung/remix-worker-template

remix-worker-template

📜 [正在开发中] 用于 Cloudflare Workers 的多合一 remix 启动模板

npx create-remix@latest template meza/trance-stack my-app

TRANCE STACK

一个为 AWS Lambda 构建的生产就绪 Remix 堆栈。身份验证。安全、国际化、功能标志、分析、测试、Storybook、临时和生产 CI/CD 等等。

npx create-remix template netlify-templates/kpop-stack

Remix K-pop Stack

使用 Netlify、Tailwind、TypeScript 等创建 Remix 应用程序!

pnpm create remix@latest --init-script --install template https://github.com/PhilDL/remix-gospel-stack

Remix Gospel Stack

使用 pnpm、TypeScript 和 Turborepo 的 Remix 单体仓库模板。Remix 应用程序部署到 fly.io 或构建为 Docker 镜像。包含数据库(使用 Prisma)、UI 和内部 TypeScript 包的示例包。

npm install @mcansh/remix-fastify fastify @fastify/static

Remix Fastify

Remix 的 Fastify 服务器请求处理程序

npm install remix-toast

remix-toast

Remix 中的 Toast 通知服务器端实现

npm install remix-client-cache

remix-client-cache

用于在 Remix.run 中缓存客户端数据的实用程序库

pnpm create remix@latest --init-script --install --template saas-kits/remix-boilerplate

SaaSKits - Remix Boilerplate

SaaSKits 是使用 Remix、Stripe、Prisma 和 Resend 构建的 SaaS 样板,可以帮助你快速启动 SaaS 创意。

npx create-remix template Girish21/speed-metal-stack

Remix Speed Metal Stack

用于将 Remix 博客堆栈部署到 Fly,包含 MDX、SQLite、测试、代码整理、格式化等功能。

npx create-remix@latest --template SimeonGriggs/sanity-remix-template

Sanity.io Visual Editing Template

嵌入到 Remix Vite 应用程序中的 Sanity Studio v3,配置用于 Vercel 托管,具有可视化编辑功能

npm install remix-auth-oauth2

Remix Auth OAuth2 Strategy

Remix Auth 的 OAuth2Strategy

npx create-remix@latest --template jacob-ebey/remix-shadcn

remix-shadcn

Remix + Vite + shadcn/ui 启动模板。

npm install remix-auth-auth0

Remix Auth Auth0 Strategy

基于 OAuth2Strategy 的 Remix Auth 的 Auth0Strategy

npm install @epic-web/remember

@epic-web/remember

简单、类型安全、"单例" 实现。

npm install remix-auth remix-auth-form

Remix Auth Form Strategy

用于处理表单的 Remix Auth 策略。

npm install remix-auth remix-auth-webauthn

Remix Auth WebAuthn Strategy

用于使用 Web Authentication 密码密钥登录的 Remix Auth 策略。

npm install remix-auth remix-auth-github

Remix Auth GitHub Strategy

基于 OAuth2Strategy 的 Remix Auth 的 GitHubStrategy

npm install remix-auth-microsoft remix-auth remix-auth-oauth2

Remix Auth Microsoft Strategy

用于 remix-auth 的 Microsoft 身份验证策略

npm install remix-json-routes

Remix JSON Routes

Remix 包,允许通过 JSON 或 React 元素自定义路由定义

npm install @mcansh/vite-svg-sprite-plugin

vite-svg-sprite-plugin

这个 Vite 插件会转换任何导入的 SVG 文件,并将它们合并成可缓存的 SVG 精灵图

npx @inlang/paraglide-js init && npm i remix-paraglidejs @inlang/paraglide-js-adapter-vite

Remix-ParaglideJS

用于与 paraglidejs 一起使用的 remix 实用程序和示例

npm install @mcansh/http-helmet

HTTP Helmet

轻松将 CSP 和其他安全头信息添加到你的 Web 应用程序。

npx create-remix@latest --template justdlabs/remix

Remix with Justd Installed

安装了 Justd 的 Remix 启动套件。你无需设置任何东西,只需克隆它,即可开始使用!