nullndr/website
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: code refactor

Browse Source
This commit is contained in:
Andrea 2023-03-02 08:43:46 +01:00
parent bd16bc4fcf
commit b0672af566
No known key found for this signature in database
GPG Key ID: 4594610B9C8F91C5
7 changed files with 230 additions and 942 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.dockerignore Normal file
View File

@ -0,0 +1,2 @@
node_modules

10
Dockerfile
View File

@ -1,9 +1,13 @@
FROM node:alpine
COPY . /src
WORKDIR /app
WORKDIR /src
COPY ./package*.json /app
RUN npm install && npm run build
RUN npm install
COPY . /app
RUN npm run build
CMD ["npm", "run", "start"]

25
app/root.tsx
View File

@ -64,3 +64,28 @@ export function CatchBoundary() {
</html>
);
}
export function ErrorBoundary() {
return (
<html lang="en">
<head>
<Meta />
<Links />
</head>
<body className="bg-[#202020] text-[#d6d6d6] font-['monospace']">
<div className="flex flex-col items-center justify-around h-[100vh]">
<div>
<div className="text-center text-[#ffff00] text-[10vw] font-bold">
Something bad happened
</div>
<div className="text-center">
<Link to="/" className="hover:text-[#e6c2bf]">
Home
</Link>
</div>
</div>
</div>
</body>
</html>
);
}

3
app/routes/blog/PostsWrapper.tsx
View File

@ -1,3 +0,0 @@
export function PostsWrapper({ children }: React.PropsWithChildren) {
return <div className="mt-5 px-10 w-max">{children}</div>;
}

9
app/routes/blog/route.tsx
View File

@ -2,7 +2,6 @@ import { Link, useLoaderData } from "@remix-run/react";
import { findPosts } from "~/models/posts.server";
import { EmptyState } from "./EmptyState";
import { Post } from "./Post";
import { PostsWrapper } from "./PostsWrapper";
export const loader = async () => {
return findPosts();
@ -19,11 +18,11 @@ export default function () {
<span>Here I blog about whatever get my attention</span>
</div>
{posts.length > 0 ? (
<PostsWrapper>
{posts.map((post) => (
<Post {...post} />
<div className="mt-5 px-10 w-max">
{posts.map((post, i) => (
<Post {...post} key={i} />
))}
</PostsWrapper>
</div>
) : (
<EmptyState />
)}

1116
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

7
package.json
View File

@ -13,17 +13,10 @@
"@remix-run/node": "^1.13.0",
"@remix-run/react": "^1.13.0",
"@remix-run/serve": "^1.13.0",
"esbuild": "0.17.10",
"front-matter": "4.0.2",
"isbot": "^3.6.5",
"mdx-bundler": "9.2.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"rehype-autolink-headings": "6.1.1",
"rehype-highlight": "6.0.0",
"rehype-slug": "5.1.0",
"rehype-toc": "3.0.2",
"remark-gfm": "3.0.1",
"shiki": "^0.14.1"
},
"devDependencies": {