> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bijection.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstarts

> Get started quickly with your favorite frontend framework or language

Every quickstart follows the same path: install the `bijection` command line,
create or open a project with `bijection init`, then `bijection login` and
`bijection dev`.

```sh theme={"theme":{"light":"github-light-default","dark":"github-dark-default"}}
curl -fsSL https://bijection.com/install.sh | sh
```

See [Install Bijection](/get-started/install) for PATH setup, supported
platforms and the managed toolchain.

`bijection init [dir] --template <name>` creates a project from one of three
templates:

| Template | Creates |
| - | - |
| `backend` | A Bijection backend alone. The default; needs no Node.js or npm. |
| `react-vite` | A React app built with Vite, wired to the backend. |
| `nextjs` | A Next.js app (App Router), wired to the backend. |

Every template has a `bijection/` directory with a sample schema, query and
mutation, `bijection.json`, `.gitignore` and a README. The React and Next.js
quickstarts use their templates. The other quickstarts create the app with the
framework's own tooling and run `bijection init` inside it.

Quickly get up and running with your favorite frontend tooling:

<CardGroup cols={3}>
  <Card title="React" href="/quickstart/react">
    Add Bijection to a React project
  </Card>

  <Card title="Next.js" href="/quickstart/nextjs">
    Add Bijection to a Next.js project
  </Card>

  <Card title="Remix" href="/quickstart/remix">
    Add Bijection to a Remix project
  </Card>

  <Card title="TanStack Start" href="/quickstart/tanstack-start">
    Add Bijection to a TanStack Start project
  </Card>

  <Card title="React Native" href="/quickstart/react-native">
    Add Bijection to a React Native Expo project
  </Card>

  <Card title="Vue" href="/quickstart/vue">
    Add Bijection to a Vue project
  </Card>

  <Card title="Nuxt" href="/quickstart/nuxt">
    Add Bijection to a Nuxt project
  </Card>

  <Card title="Svelte" href="/quickstart/svelte">
    Add Bijection to a Svelte project
  </Card>

  <Card title="Node.js" href="/quickstart/nodejs">
    Add Bijection to a Node.js project
  </Card>

  <Card title="Bun" href="/quickstart/bun">
    Add Bijection to a Bun project
  </Card>

  <Card title="Script tag" href="/quickstart/script-tag">
    Add Bijection to any website
  </Card>
</CardGroup>

Quickly get up and running with your favorite languages:

<CardGroup cols={3}>
  <Card title="JavaScript" href="/client/javascript/overview">
    JavaScript clients for Node.js and browser applications using Bijection
  </Card>

  <Card title="Python" href="/quickstart/python">
    Add Bijection to a Python project
  </Card>

  <Card title="iOS Swift" href="/quickstart/swift">
    Add Bijection to an iOS Swift project
  </Card>

  <Card title="Android Kotlin" href="/quickstart/android">
    Add Bijection to an Android Kotlin project
  </Card>

  <Card title="Rust" href="/quickstart/rust">
    Add Bijection to a Rust project
  </Card>
</CardGroup>