Skip to main content

Build Better Websites

Create modern, resilient user experiences with web fundamentals. Remix is a full-stack web framework built on web standards with composable packages for routing, UI components, and data management.

Get StartedExplore API Reference
Remix Logo

Quick Start

Get up and running with Remix in minutes

1

Install Remix

Install the Remix package using your preferred package manager:
npm install remix
2

Create a simple server

Create a basic HTTP server using Remix’s fetch-based router:
server.ts
import { createRouter } from 'remix/fetch-router'
import { route } from 'remix/fetch-router/routes'
import { createServer } from 'remix/node-fetch-server'

let routes = route({
  home: '/',
  about: '/about',
})

let router = createRouter()

router.map(routes, {
  actions: {
    home() {
      return new Response('Hello from Remix!')
    },
    about() {
      return new Response('About Remix')
    },
  },
})

let server = createServer(router)
server.listen(3000)
console.log('Server running at http://localhost:3000')
3

Run your server

Start your server with Node.js (or Bun, Deno, Cloudflare Workers):
node server.ts
Visit http://localhost:3000 to see your application running!

Why Remix?

Built on web standards for maximum portability and interoperability

Web Standards First

Built on the Fetch API, Web Streams, and standard JavaScript. Works everywhere from Node.js to edge runtimes.

Runtime Agnostic

Deploy to Node.js, Bun, Deno, Cloudflare Workers, or any JavaScript runtime. Your code is portable by default.

Type-Safe Routing

Define routes with type-safe patterns, parameters, and middleware. Leverage TypeScript for compile-time validation.

UI Components

Build reactive UIs with signals-based components. Fine-grained reactivity without virtual DOM overhead.

Database Queries

Type-safe queries with relations across PostgreSQL, MySQL, and SQLite. One API for all databases.

Composable Architecture

Every package is standalone and composable. Use what you need, ignore the rest. Zero lock-in.

Explore Documentation

Learn core concepts, build applications, and master the framework

Core Concepts

Understand Remix’s architecture, web standards philosophy, and composable design patterns.

Learn the fundamentals

Routing & Middleware

Build type-safe APIs with route patterns, controllers, and composable middleware.

Master routing

UI Components

Build reactive interfaces with signals-based components and fine-grained reactivity.

Build UIs

Data Management

Type-safe database queries, schema validation, migrations, and relations across all major databases.

Work with data

Ready to Build?

Start building modern web applications with Remix today. Follow our quickstart guide to get up and running in minutes.

Get Started Now