From effc91ba399194d6971b8d2cf215334aebbeb58d Mon Sep 17 00:00:00 2001 From: 2dragonly y <2dragonly@proton.me> Date: Thu, 31 Oct 2024 07:45:03 +0000 Subject: [PATCH] update --- .gitignore | 6 + .vscode/settings.json | 4 + README.md | 41 +- app/app.css | 12 + app/root.tsx | 39 + app/routes.ts | 4 + app/routes/home.tsx | 96 + package-lock.json | 10659 ++++++++++++++++++++++++++++++++++++++++ package.json | 35 + postcss.config.js | 8 + public/favicon.ico | Bin 0 -> 15086 bytes public/logo-dark.svg | 23 + public/logo-light.svg | 23 + tailwind.config.ts | 22 + tsconfig.json | 33 + vercel.json | 13 + vite.config.ts | 10 + 17 files changed, 11027 insertions(+), 1 deletion(-) create mode 100644 .gitignore create mode 100644 .vscode/settings.json create mode 100644 app/app.css create mode 100644 app/root.tsx create mode 100644 app/routes.ts create mode 100644 app/routes/home.tsx create mode 100644 package-lock.json create mode 100644 package.json create mode 100644 postcss.config.js create mode 100644 public/favicon.ico create mode 100644 public/logo-dark.svg create mode 100644 public/logo-light.svg create mode 100644 tailwind.config.ts create mode 100644 tsconfig.json create mode 100644 vercel.json create mode 100644 vite.config.ts diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c08251c --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ +node_modules + +/.cache +/build +.env +.react-router diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..fae8e3d --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,4 @@ +{ + "typescript.tsdk": "node_modules/typescript/lib", + "typescript.enablePromptUseWorkspaceTsdk": true +} diff --git a/README.md b/README.md index 1524532..08a5fb4 100644 --- a/README.md +++ b/README.md @@ -1 +1,40 @@ -# asdasd \ No newline at end of file +# Welcome to React Router! + +- 📖 [React Router docs](https://reactrouter.com/dev) + +## Development + +Run the dev server: + +```shellscript +npm run dev +``` + +## Deployment + +First, build your app for production: + +```sh +npm run build +``` + +Then run the app in production mode: + +```sh +npm start +``` + +Now you'll need to pick a host to deploy it to. + +### DIY + +If you're familiar with deploying Node applications, the built-in app server is production-ready. + +Make sure to deploy the output of `npm run build` + +- `build/server` +- `build/client` + +## Styling + +This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever CSS framework you prefer. diff --git a/app/app.css b/app/app.css new file mode 100644 index 0000000..303fe15 --- /dev/null +++ b/app/app.css @@ -0,0 +1,12 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +html, +body { + @apply bg-white dark:bg-gray-950; + + @media (prefers-color-scheme: dark) { + color-scheme: dark; + } +} diff --git a/app/root.tsx b/app/root.tsx new file mode 100644 index 0000000..808d429 --- /dev/null +++ b/app/root.tsx @@ -0,0 +1,39 @@ +import { Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router"; +import type { LinksFunction } from "react-router"; + +import "./app.css"; + +export const links: LinksFunction = () => [ + { rel: "preconnect", href: "https://fonts.googleapis.com" }, + { + rel: "preconnect", + href: "https://fonts.gstatic.com", + crossOrigin: "anonymous", + }, + { + rel: "stylesheet", + href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap", + }, +]; + +export function Layout({ children }: { children: React.ReactNode }) { + return ( + +
+ + + +BP_2ehBt1?`~ypvg_Ot4x1V+43P@Ve8>qd)9NX_jWdLo`Zfy
zoeam9)@Dpym{4m@+LNx K7osU{Xp5PG4-K+L2G=)c3f&}H&M3wo7TlO_UJjQ-Oq&_
zjAc9=nNIYz{c3zxOiS5UfcE1}8#iI4@uy;$Q7>}u`j+OU0N<*Ezx$k{x_27+{s2Eg
z`^=rhtIzCm!_UcJ?