Add official plugin for vite/vike or Express Connect

[SelfhostedPro]

What is the problem this feature would solve?

I don't see a good way to have Elysia and a frontend framework live together easily in a single repo (similar to nuxt) which would improve developer dx significantly for fullstack applications.

What is the feature you are proposing to solve the problem?

I would love to see an officially supported plugin for vite/vike as the one mentioned in your blog hasn't been updated in 7 months. I think it could attract attention and developers to your framework.

What alternatives have you considered?

I'm working on getting my own repo to work with vike already but a boilerplate/plugin would save a lot of time.

An official way to use express middleware would be a more widely applicable/utilized functionality if vite is too specific.

[SelfhostedPro]

Closing in favor of #494

[kravetsone]

Closing in favor of #494

Recursion looks exactly like this

[rtritto]

@SelfhostedPro actually, there is a maintained plugin for SSR support?

FYI @kravetsone @SaltyAom @brillout

[kravetsone]

@SelfhostedPro actually, there is a maintained plugin for SSR support?

FYI @kravetsone @SaltyAom

For vike?

I want to make it but for now - no

U can craft it with elysia-vite-server i guess

Elysia-remix is a good example

[SelfhostedPro]

Sorry, had multiple tabs open. Meant this: https://github.com/kravetsone/elysia-vite-server

There's a good example there for ssr with vue. The plugin for connect middleware may work for vike if that doesn't.

[rtritto]

@kravetsone @SelfhostedPro can a generic plugin be created?
The function of render can be passed as parameter of plugin.

E.g. (draft):

./src/index.ts of elysia-vite-plugin-ssr

...

export default async function plugin(renderSSR: Promise<Function>) {
  ...
  await renderSSR()
}

Use:

import { Elysia } from 'elysia'
import pluginSSR from 'elysia-vite-plugin-ssr'
import { renderPage } from 'vike/server'

const renderSSR = async () => {
  const pageContextInit = { urlOriginal: context.request.url }
  const pageContext = await renderPage(pageContextInit)
  if (!pageContext.httpResponse) return null
  return pageContext.httpResponse
}

new Elysia()
    .use(pluginSSR(renderSSR))

[rtritto]

@kravetsone @SelfhostedPro @SaltyAom Found vike-node (officially maintained by vike) that supports Elysia:

// server/index.js

import { Elysia } from 'elysia'
import vike from 'vike-node/elysia'

startServer()

function startServer() {
  const app = new Elysia()
  app.use(vike())
  const port = +(process.env.PORT || 3000)
  app.listen(port, () => console.log(`Server running at http://localhost:${port}`))
}

Can anyone add it to Elysia documentation?

https://elysiajs.com/plugins/overview#community-plugins