Skip to content

feat: add frontend-remix module #12

@ronak-create

Description

@ronak-create

Summary

Add Remix as a frontend option — a full-stack React framework with a loader/action model and native web standards API.

Why

Remix occupies a distinct position from Next.js: it's preferred for form-heavy apps, multi-step flows, and projects where web platform primitives (Request/Response, FormData) are a first-class concern.
It also has first-class Cloudflare Workers and Bun support.


Files to generate

  • app/root.tsx — root layout with Links, Meta, Outlet
  • app/routes/_index.tsx — index route with loader example
  • remix.config.js / vite.config.ts (Remix Vite mode)
  • tsconfig.json
  • .env.example

Implementation hints

  • Remix has two modes:

    • classic (remix.config.js)
    • new Vite plugin (@remix-run/dev v2.x)
      → target the Vite plugin mode (recommended)
  • Key dependencies:

    • @remix-run/react
    • @remix-run/node
    • @remix-run/dev
    • vite
  • When deployment-cloudflare is also selected:

    • switch adapter to @remix-run/cloudflare
    • implement via onBeforeCompose hook inspecting selections
  • Conflicts with:

    • other frontend modules

Contributor guidance

Refer to CONTRIBUTING.md → "Adding a New Module"


Acceptance criteria

  • foundation create lists Remix as a frontend option
  • Generated project runs remix vite:dev without errors
  • tsconfig.json satisfies Remix's path requirements
  • Snapshot test added

Metadata

Metadata

Assignees

No one assigned

    Labels

    module: frontendRelated to frontend frameworks, UI libraries, or client-side architecture.new-modulebuild something here

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions