Remix 資源

由社群打造,為了社群

npm i -D @remix-pwa/dev

精選Remix PWA

一個輕量級的套件和輔助工具生態系統,將完整的 PWA 功能整合到 Remix 💿

npx create-epic-app@latest

史詩堆疊 (Epic Stack)

這是一個全端應用程式啟動器,具有基本設定和配置,讓您可以在下一個史詩般的想法中快速上手。

npm install remix-utils

Remix 工具

一組與 Remix.run 一起使用的實用函式和類型。

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

CONFORM

一個型別安全的表單驗證函式庫,利用 Web 基礎逐步增強 HTML 表單,完全支援 Remix 和 Next.js 等伺服器框架。

npm install remix-auth

Remix 驗證

Remix 的簡單驗證

npx create-remix-saas@latest

Remix SaaS

一個輕量級、可生產的 Remix 堆疊,適用於您的下一個 SaaS 應用程式。

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

獨立堆疊 (Indie Stack)

使用 SQLite、身份驗證、測試、linting、格式化等部署到 Fly 的 Remix 堆疊。

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

Remix Blues 堆疊

使用 PostgreSQL、身份驗證、測試、linting、格式化等部署到 Fly 的 Remix 堆疊。

npm install remix-development-tools -D

Remix 開發工具

使用這些開發工具,在您的 react-router 應用程式中偵錯您的應用程式、尋找水合錯誤、追蹤您的網路等

npm install -D remix-flat-routes

Remix 平面路由

Remix 套件,使用平面路由慣例定義路由

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

remix-i18next

翻譯您的 Remix 應用程式的最簡單方法

npm install remix-forms

Remix 表單

Remix 和 React Router 的全端表單函式庫

npm install remix-hono

Remix + Hono

Remix 的 Hono 中介軟體

npm install remix-routes

remix-routes

React Router 應用程式的型別安全路由。

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

Remix Grunge 堆疊

使用 DynamoDB、身份驗證、測試、linting、格式化等部署到 AWS 的 Remix 堆疊。

npm install remix-auth-totp

Remix Auth TOTP

Remix-Auth 的時間型一次性密碼 (TOTP) 驗證策略。

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

Remix 頁面區塊

使用 Remix 和 Tailwind CSS 的簡單頁面區塊編輯器。

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

remix-worker-template

📜 [開發中] 適用於 Cloudflare Workers 的多合一 Remix 啟動器範本

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

Remix Supa Fly 堆疊

使用 Supabase、身份驗證、測試、linting、格式化等部署到 Fly 的 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 堆疊

使用 Netlify、Tailwind、TypeScript 等建立 Remix 應用程式!

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

Remix Gospel 堆疊

具有 pnpm、TypeScript 和 Turborepo 的 Remix Monorepo 範本。Remix 應用程式部署到 fly.io 或建置為 Docker 映像。用於 Prisma 資料庫、UI 和內部 TypeScript 套件的範例套件。

npm install remix-toast

remix-toast

在 Remix 中實作伺服器端快顯通知

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

Remix Fastify

用於 Remix & React Router 的 Fastify 伺服器請求處理器

npm install remix-client-cache

remix-client-cache

用於在 Remix.run 中快取用戶端資料的實用程式庫

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

SaaSKits - Remix 樣板

SaaSKits 是一個使用 Remix、Stripe、Prisma 和 Resend 構建的 SaaS 樣板,可協助您快速啟動 SaaS 想法。

npm install remix-auth-oauth2

Remix Auth OAuth2 策略

用於 Remix Auth 的 OAuth2Strategy

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

Sanity.io 可視化編輯範本

Sanity Studio v3 嵌入到一個為 Vercel 託管配置並具有可視化編輯功能的 Remix Vite 應用程式中

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

Remix Speed Metal Stack

Remix 部落格堆疊,用於使用 MDX、SQLite、測試、程式碼檢查、格式化等部署到 Fly

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

remix-shadcn

Remix + Vite + shadcn/ui 入門範本。

npm install @epic-web/remember

@epic-web/remember

簡單、型別安全、「單例」實作。

npm install remix-auth remix-auth-form

Remix Auth 表單策略

用於處理表單的 Remix Auth 策略。

npm install remix-auth-auth0

Remix Auth Auth0 策略

基於 OAuth2Strategy 的用於 Remix Auth 的 Auth0Strategy

npm install remix-auth remix-auth-webauthn

Remix Auth WebAuthn 策略

用於使用 Web Authentication 通行金鑰登入的 Remix Auth 策略。

npm install remix-auth remix-auth-github

Remix Auth GitHub 策略

基於 OAuth2Strategy 的用於 Remix Auth 的 GitHubStrategy

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

Remix Auth Microsoft 策略

用於 remix-auth 的 Microsoft 驗證策略

npm install remix-json-routes

Remix JSON 路由

一個 Remix 套件,允許透過 JSON 或 React 元素自訂路由定義

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

vite-svg-sprite-plugin

這個 vite 外掛程式將轉換任何導入的 svg 檔案,並將它們組合成一個可快取的 svg 精靈圖表

npm install @mcansh/http-helmet

HTTP Helmet

輕鬆將 CSP 和其他安全標頭新增到您的 Web 應用程式。

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

Remix-ParaglideJS

用於與 paraglidejs 搭配使用的 remix 實用程式和範例

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

已安裝 Justd 的 Remix

一個已安裝 Justd 的 Remix 入門套件。您無需進行任何設定,只需複製它即可開始使用!