https://github.com/markmals/remix-3-contacts
Contacts CRUD app demo for Remix 3
https://github.com/markmals/remix-3-contacts
Last synced: 11 days ago
JSON representation
Contacts CRUD app demo for Remix 3
- Host: GitHub
- URL: https://github.com/markmals/remix-3-contacts
- Owner: markmals
- Created: 2026-02-14T00:11:35.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-05-20T23:15:08.000Z (23 days ago)
- Last Synced: 2026-05-21T05:37:07.497Z (22 days ago)
- Language: TypeScript
- Homepage:
- Size: 1.6 MB
- Stars: 6
- Watchers: 0
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# Remix 3 Contacts Demo
A contacts CRUD app demo, showcasing [Remix 3](https://remix.run) SSR features. It adapts the [React Router address book tutorial](https://reactrouter.com/tutorials/address-book) to reuse the same patterns in Remix.
## Highlights
- **CRUD server routing** – handlers for listing, creating, updating, and deleting contacts
- [**Frame Navigation primitives**](https://github.com/remix-run/remix/pull/11147) - built-in Remix 3 client-side routing utilizing the [Navigation API](https://developer.mozilla.org/en-US/docs/Web/API/Navigation_API)
- **RESTful forms** – demonstrates POST/PUT/PATCH/DELETE intercepts
- **URL-driven search** – filters contacts through query parameters
## Tech Stack
- **Framework:** [`remix`](https://npmx.dev/package/remix/v/3.0.0-beta.0)
- **Toolchain:** [Vite+](https://viteplus.dev)
- **Formatting:** [Oxfmt](https://oxc.rs/docs/guide/usage/formatter) (via `vp fmt`)
- **Linting:** [Oxlint](https://oxc.rs/docs/guide/usage/linter) (via `vp lint`)
- **Type Checking:** [`tsgo`](https://npmx.dev/package/@typescript/native-preview) (via `vp check`)
## Getting Started
```sh
vp install
vp run dev # start the dev server on http://localhost:1612
```
## Production
```sh
vp build # build to dist/client and dist/ssr
vp preview # review the build on http://localhost:4173
```
## Learn More
- [Remix website](https://remix.run)
- [Remix API docs](https://api.remix.run)
- [Remix UI docs](https://github.com/remix-run/remix/tree/main/packages/ui/docs)
- [Remix packages](https://github.com/remix-run/remix/tree/main/packages)
- [React Router Tutorial](https://reactrouter.com/tutorials/address-book) (original inspiration)
- [Vite+ documentation](https://viteplus.dev)