Closed1

Qwik SSR+ React (qwik-react) Cloudflare Pages, deploy

knaka Tech-Blogknaka Tech-Blog

概要

Qwik SSR + React, Cloudflare Pagesデプロイのメモになります。

  • qwik-reactを、追加すると。デプロイできました

  • 今回は、 Github経由でデプロイしてます。


環境

  • Qwik
  • qwik-react
  • Cloudflare Pages

参考


  • 前の、pages デプロイ記事こちら

https://zenn.dev/knaka0209/scraps/e42923b244e28c


  • react 追加
npm run qwik add react

デプロイ時のエラー

  • mui 等のエラーで、失敗しましたので, Grid等消しました (下記修正)

  • src/integrations/react/mui.tsx

mui.tsx
/** @jsxImportSource react */

import { qwikify$ } from "@builder.io/qwik-react";
import { Button, Slider } from "@mui/material";

export const MUIButton = qwikify$(Button);
export const MUISlider = qwikify$(Slider, { eagerness: "hover" });

export const TableApp = qwikify$(() => {
  return (
    <>
      <h1>Hello from React</h1>
      <div style={{ height: 400, width: "100%" }}>
      </div>
    </>
  );
});

このスクラップは2023/08/19にクローズされました