Skip to content
Orbit
Development scaffold Hotwire native

Rails-native frontend foundation

This isolated page demonstrates ERB, Propshaft, Importmap, Tailwind, Turbo, Stimulus, Sidekiq, AnyCable, PostgreSQL, Redis, Active Storage, and MinIO without a Node.js toolchain.

End-to-end verification

Realtime Turbo Stream

Submit in one browser and watch every subscribed browser update through Sidekiq, Redis, and AnyCable.

PostgreSQL + Sidekiq

Create a verification event

The response updates only the form status; the event target changes once through AnyCable.

Required field

A short label shown to every connected browser after processing.

Stored privately in MinIO. Browsers require choosing the file again after a validation error.

Ready to run.

Rails form helpers

Form field patterns

Consistent fields

Labels, hints, errors, focus rings, and disabled states share one small convention.

Use concise, persistent labels.

Native controls remain keyboard accessible.

Longer supporting text belongs here.

Confirm a single clear choice.

Unavailable controls remain understandable.

Plain Tailwind components

Actions and feedback

Buttons, menu, and dialog

Native controls carry the behavior; Stimulus only coordinates browser state.

Native accessible dialog

Escape closes the dialog and focus returns to its trigger.

Feedback states

Messages use live-region semantics and explicit state colors.

This dismissible notice is a reusable Rails partial.

Neutral Success Warning Danger
Loading a small region

Turbo Frame navigation

The frame endpoint always returns the same stable frame identifier.

Frame navigation is ready

Load a targeted response without replacing this page.

Load frame summary

Data display

Responsive table and empty state

Infrastructure service examples
Service Responsibility Exposure
web Rails and Puma 127.0.0.1:3000
worker Active Job and Sidekiq Internal only
anycable Turbo Stream WebSockets 127.0.0.1:8080

No product records yet

This intentionally generic state can be replaced when real product features are introduced.