diff --git a/app/components/BlogWrapper.tsx b/app/components/BlogWrapper.tsx
new file mode 100644
index 0000000..373ce6b
--- /dev/null
+++ b/app/components/BlogWrapper.tsx
@@ -0,0 +1,11 @@
+export function BlogWrapper({ children }: React.PropsWithChildren) {
+ return (
+
-
{children}
+
);
}
diff --git a/app/entry.server.tsx b/app/entry.server.tsx
index d349f8e..cfa69e6 100644
--- a/app/entry.server.tsx
+++ b/app/entry.server.tsx
@@ -1,9 +1,9 @@
-import { PassThrough } from "stream";
import type { EntryContext } from "@remix-run/node";
import { Response } from "@remix-run/node";
import { RemixServer } from "@remix-run/react";
import isbot from "isbot";
import { renderToPipeableStream } from "react-dom/server";
+import { PassThrough } from "stream";
const ABORT_DELAY = 5000;
@@ -11,20 +11,20 @@ export default function handleRequest(
request: Request,
responseStatusCode: number,
responseHeaders: Headers,
- remixContext: EntryContext
+ remixContext: EntryContext,
) {
return isbot(request.headers.get("user-agent"))
? handleBotRequest(
request,
responseStatusCode,
responseHeaders,
- remixContext
+ remixContext,
)
: handleBrowserRequest(
request,
responseStatusCode,
responseHeaders,
- remixContext
+ remixContext,
);
}
@@ -32,7 +32,7 @@ function handleBotRequest(
request: Request,
responseStatusCode: number,
responseHeaders: Headers,
- remixContext: EntryContext
+ remixContext: EntryContext,
) {
return new Promise((resolve, reject) => {
let didError = false;
@@ -49,7 +49,7 @@ function handleBotRequest(
new Response(body, {
headers: responseHeaders,
status: didError ? 500 : responseStatusCode,
- })
+ }),
);
pipe(body);
@@ -62,7 +62,7 @@ function handleBotRequest(
console.error(error);
},
- }
+ },
);
setTimeout(abort, ABORT_DELAY);
@@ -73,7 +73,7 @@ function handleBrowserRequest(
request: Request,
responseStatusCode: number,
responseHeaders: Headers,
- remixContext: EntryContext
+ remixContext: EntryContext,
) {
return new Promise((resolve, reject) => {
let didError = false;
@@ -90,7 +90,7 @@ function handleBrowserRequest(
new Response(body, {
headers: responseHeaders,
status: didError ? 500 : responseStatusCode,
- })
+ }),
);
pipe(body);
@@ -103,7 +103,7 @@ function handleBrowserRequest(
console.error(error);
},
- }
+ },
);
setTimeout(abort, ABORT_DELAY);
diff --git a/app/root.tsx b/app/root.tsx
index 2e786c6..739dd81 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -1,5 +1,5 @@
import codeHikeStyle from "@code-hike/mdx/dist/index.css";
-import type { LinksFunction, MetaFunction } from "@remix-run/node";
+import type { LinksFunction, V2_MetaFunction } from "@remix-run/node";
import {
Link,
Links,
@@ -8,19 +8,31 @@ import {
Outlet,
Scripts,
ScrollRestoration,
+ isRouteErrorResponse,
+ useRouteError,
} from "@remix-run/react";
import stylesheet from "~/tailwind.css";
+import { Body } from "./components/Body";
+import { LinkWrapper } from "./components/LinkWrapper";
+import { Notbyai } from "./components/Notbyai";
export const links: LinksFunction = () => [
{ rel: "stylesheet", href: stylesheet },
{ rel: "stylesheet", href: codeHikeStyle },
];
-export const meta: MetaFunction = () => ({
- charset: "utf-8",
- title: "nullndr",
- viewport: "width=device-width,initial-scale=1",
-});
+export const meta: V2_MetaFunction = () => [
+ {
+ charSet: "utf-8",
+ },
+ {
+ title: "nullndr",
+ },
+ {
+ property: "viewport",
+ content: "width=device-width,initial-scale=1",
+ },
+];
export default function App() {
return (
@@ -29,70 +41,68 @@ export default function App() {
-
-
+
+
-
-
- );
-}
-
-export function CatchBoundary() {
- return (
-
-
-
-
-
-
-
-
-
- 404
-
-
Where do you think you are going?
-
-
-
-
+