feat(blog): building a blog environment using honox

blog/.gitignore

@@ -0,0 +1,12 @@
+node_modules
+dist
+.wrangler
+.dev.vars
+.hono
+
+# Change them to your taste:
+wrangler.toml
+package-lock.json
+yarn.lock
+pnpm-lock.yaml
+bun.lockb

blog/app/client.ts

@@ -0,0 +1,12 @@
+import { createClient } from 'honox/client';
+
+createClient({
+  hydrate: async (elem, root) => {
+    const { hydrateRoot } = await import('react-dom/client');
+    hydrateRoot(root, elem);
+  },
+  createElement: async (type: any, props: any) => {
+    const { createElement } = await import('react');
+    return createElement(type, props);
+  },
+});

blog/app/constans/author.ts

@@ -0,0 +1,13 @@
+type Author = {
+  name: string;
+  about: string;
+  icon: string;
+};
+
+export const authors: { [key: string]: Author } = {
+  yossydev: {
+    name: 'yossydev',
+    about: 'web developer',
+    icon: '/static/author/yossydev.jpg',
+  },
+} as const;

blog/app/global.d.ts

@@ -0,0 +1,9 @@
+import {} from 'hono';
+
+import '@hono/react-renderer';
+
+declare module '@hono/react-renderer' {
+  interface Props {
+    title?: string;
+  }
+}