Как правильно сделать SSR с BUN и подавать index.html в качестве отправной точки?Javascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Anonymous
 Как правильно сделать SSR с BUN и подавать index.html в качестве отправной точки?

Сообщение Anonymous »

У меня есть 2 папки < /p>
client
server
< /code>
Внутри моей клиентской папки я использую булочку Bundler, чтобы связать мои сценарии и стили < /p>
probistex.html










< /code>
Когда я запускаю Bun Build Index.html, он будет автоматически объединить их в дистанционную папку, теперь я запутался, как сделать рендеринг на стороне сервера в папке моего сервера? Поскольку клиент Foldler просто для того, чтобы объединить мои активы
Вот что я сделал
server/src/index.ts
// server/src/index.ts
import { Elysia } from 'elysia';
import { staticPlugin } from '@elysiajs/static';
import { readFile } from 'node:fs/promises';
import path from 'node:path';

const app = new Elysia()
.use(staticPlugin({
prefix: '/static',
assets: path.join(__dirname, '..', '..', 'client', 'dist'), // Static files from client/dist
}))
.get('/', async () => {
// 1. Read the bundled index.html file
// Corrected path to client/dist/index.html from server/src/index.ts
const indexHTMLPath = path.join(__dirname, '..', '..', 'client', 'dist', 'index.html');
let indexHTML;
try {
indexHTML = await readFile(indexHTMLPath, 'utf-8');
} catch (error) {
console.error("Error reading index.html:", error);
return new Response("Error loading application", { status: 500 });
}

// 2. (Optional) Insert dynamic data here if needed

// 3. Return the index.html as the response
return new Response(indexHTML, {
headers: { 'Content-Type': 'text/html' },
});
})
.listen(3000);

console.log(`Elysia server started on port ${app.server?.port}`);
< /code>
это правильно для SSR? В основном я хочу, чтобы этот индекс. HTML в качестве отправной точки включали мои стили и сценарии из BUN на передней части, но я не хочу использовать React, но я хочу, чтобы мой веб -сайт сделал SSR с TSX в качестве шаблона>

Подробнее здесь: https://stackoverflow.com/questions/795 ... ting-point
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Javascript»