init remix app
This commit is contained in:
34
client/app/root.tsx
Normal file
34
client/app/root.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
import type { MetaFunction } from "@remix-run/node";
|
||||
import { Links, LiveReload, Meta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react";
|
||||
|
||||
import Header from "./components/Header";
|
||||
import Footer from "./components/Footer";
|
||||
|
||||
// Tailwind CSS
|
||||
import styles from "./styles/app.css";
|
||||
export const links = () => [{ rel: "stylesheet", href: styles }];
|
||||
|
||||
export const meta: MetaFunction = () => ({
|
||||
charset: "utf-8",
|
||||
title: "Chessu",
|
||||
viewport: "width=device-width,initial-scale=1"
|
||||
});
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<html lang="en">
|
||||
<head>
|
||||
<Meta />
|
||||
<Links />
|
||||
</head>
|
||||
<body>
|
||||
<Header />
|
||||
<Outlet />
|
||||
<Footer />
|
||||
<ScrollRestoration />
|
||||
<Scripts />
|
||||
<LiveReload />
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user