Remix 3 Contacts Demo

Framework: remix
Toolchain: Vite+
Formatting: Oxfmt (via vp fmt )
Linting: Oxlint (via vp lint )
Type Checking: TypeScript 7 tsc (via vp check )

A contacts CRUD app demo, showcasing Remix 3 SSR features. It adapts the React Router address book tutorial to reuse the same patterns in Remix.

Highlights

CRUD server routing – handlers for listing, creating, updating, and deleting contacts
Frame Navigation primitives - built-in Remix 3 client-side routing utilizing the Navigation API
RESTful forms – demonstrates POST/PUT/PATCH/DELETE intercepts
URL-driven search – filters contacts through query parameters

vp install
vp run dev          # start the dev server on http://localhost:1612

vp build        # build to dist/client and dist/ssr
vp preview      # review the build on http://localhost:4173

Name		Name	Last commit message	Last commit date
Latest commit History 198 Commits
.claude		.claude
.vscode		.vscode
app		app
db		db
docs/superpowers		docs/superpowers
public		public
.gitignore		.gitignore
.node-version		.node-version
CLAUDE.md		CLAUDE.md
README.md		README.md
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
remix-test.config.ts		remix-test.config.ts
remix.plugin.ts		remix.plugin.ts
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts
worker-configuration.d.ts		worker-configuration.d.ts
wrangler.jsonc		wrangler.jsonc