Remix Local Development Guide
Local development with the Remix full-stack React framework, defaulting to localhost:5173; v7 capabilities have been merged into React Router.
Remix is a React full-stack framework focused on web standards, emphasizing loaders/actions, nested routes, and progressive enhancement. Starting from Remix v2, it has merged with React Router v7; new projects are recommended to use create-react-router, while existing Remix projects can still utilize @remix-run/*.
Quick Start (React Router v7 / Original Remix Stack)
npx create-react-router@latest my-app
cd my-app
npm install
npm run devDefault localhost
| Purpose | Address |
|---|---|
| Development Server | http://localhost:5173 |
Some templates use port 3000, refer to terminal output for confirmation.
Classic Remix Project (Maintained Codebase)
npx create-remix@latest
npm run devDefaults to Vite-driven, commonly on port 5173.
Core Concepts
- loader: Server-side data loading
- action: Forms and mutations
- nested routes: Layouts synchronized with URLs
See the react-router article for more details (v7 unified documentation).
Comparison with Next.js
Remix/React Router is closer to the Web Fetch API and HTML forms; Next.js App Router focuses on RSC and Vercel integration. Both are debugged locally using the localhost dev server.
Summary
The Remix ecosystem has merged into React Router v7, with local development primarily accessed via http://localhost:5173; new readers may also refer to our react-router article.