hono-and-remix-on-vite

KO | EN

gitlite — search

#python #hacktoberfest #react #golang #android #rust #linux #nodejs #awesome #awesome-list #pytorch #openai #ios #open-source

hono-and-remix-on-vite

(★ 130)

No description available.

hono-and-remix-on-vite 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Remix and Hono on Vite

In this project, I'm trying to mount the Remix application on Hono and run it on Vite!
Hono has a [custom Vite dev server](https://github.com/honojs/vite-plugins/tree/main/packages/dev-server), so if you run your Hono application on it and import the Remix Virtual Module, it should work.

## Minimal codes

The following codes are the minimal codes that prove it.

### `server.ts`

```ts
import type { AppLoadContext } from '@remix-run/cloudflare'
import { createRequestHandler } from '@remix-run/cloudflare'
import { Hono } from 'hono'

const app = new Hono()

app.all('*', async (c) => {
  // @ts-expect-error it's not typed
  const build = await import('virtual:remix/server-build')
  const handler = createRequestHandler(build, 'development')
  const remixContext = {
    cloudflare: {
      env: c.env
    }
  } as unknown as AppLoadContext
  return handler(c.req.raw, remixContext)
})

export default app
```

### `vite.config.ts`

```ts
import devServer, { defaultOptions } from '@hono/vite-dev-server'
import adapter from '@hono/vite-dev-server/cloudflare'
import { vitePlugin as remix } from '@remix-run/dev'
import { defineConfig } from 'vite'

export default defineConfig({
  ssr: {
    resolve: {
      externalConditions: ['workerd', 'worker']
    }
  },
  plugins: [
    remix(),
    devServer({
      adapter,
      entry: 'server.ts',
      exclude: [...defaultOptions.exclude, '/assets/**', '/app/**'],
      injectClientScript: false
    })
  ]
})
```

## Demo

https://github.com/honojs/vite-plugins/assets/10682/dfdc5271-c9bf-4831-a0a3-1d4669aeae21

## Note

This is like a PoC, can still be improved.

## Author

Yusuke Wada <https://github.com/yusukebe>

## License

MIT

hono-and-remix-on-vite

hono-and-remix-on-vite 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

hono-and-remix-on-vite

hono-and-remix-on-vite 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README