···

       
4
       
4
       
 
       
import Home from "./pages/Home.jsx"

     

       
5
       
5
       
 
       
import Image from "./pages/Image.jsx"

     

       
6
       
6
       
 
       
import Generator from "./pages/Generator.jsx"

     

       
7
       
7
       
-
       
import { renderToString } from "react-dom/server"

     

       
7
       
7
       
+
       
import { render } from 'hono/jsx/dom'

     

       
8
       
8
       
 
       


     

       
9
       
9
       
 
       
const app = new Hono()

     

       
10
       
10
       
 
       


     
···

       
13
       
13
       
 
       
})

     

       
14
       
14
       
 
       


     

       
15
       
15
       
 
       
app.get("/generator", (c) => {

     

       
16
       
16
       
-
       
  return c.html(renderToString(<Generator />))

     

       
16
       
16
       
+
       
  const appRoot = document.getElementById('app')

     

       
17
       
17
       
+
       
  render(<Generator />)

     

       
17
       
18
       
 
       
})

     

       
18
       
19
       
 
       


     

       
19
       
20
       
 
       
app.get("/works/:workId", async (c) => {