Add frontend skeleton

2026-05-14 23:11:56 -05:00 · 2021-10-25 00:41:02 +03:00 · 2021-10-25 00:41:02 +03:00 · 081df8284e
commit 081df8284e
parent e5f40c29d8
9 changed files with 8340 additions and 0 deletions
--- a/packages/frontend/.gitignore
+++ b/packages/frontend/.gitignore
@ -0,0 +1,34 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
--- a/packages/frontend/package-lock.json
+++ b/packages/frontend/package-lock.json
--- a/packages/frontend/package.json
+++ b/packages/frontend/package.json
@ -0,0 +1,19 @@
+{
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "next": "^11.1.2",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.32",
+    "autoprefixer": "^10.3.7",
+    "postcss": "^8.3.11",
+    "tailwindcss": "^2.2.17"
+  }
+}
--- a/packages/frontend/pages/_app.css
+++ b/packages/frontend/pages/_app.css
@ -0,0 +1,9 @@
+:root {
+  --colors-bg: #2d306f;
+  --colors-text: rgba(255, 255, 255, 0.85);
+}
+
+body {
+  background-color: var(--colors-bg);
+  color: var(--colors-text);
+}
--- a/packages/frontend/pages/_app.tsx
+++ b/packages/frontend/pages/_app.tsx
@ -0,0 +1,8 @@
+import "tailwindcss/tailwind.css";
+import "./_app.css";
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />;
+}
+
+export default MyApp;
--- a/packages/frontend/pages/index.tsx
+++ b/packages/frontend/pages/index.tsx
@ -0,0 +1,21 @@
+import Head from "next/head";
+
+export default function Home() {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen py-2">
+      <Head>
+        <title>Create Next App</title>
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className="flex flex-col items-center justify-center w-full flex-1 px-20 text-center">
+        <h1 className="text-6xl font-bold">
+          Welcome to{" "}
+          <a className="text-blue-600" href="https://nextjs.org">
+            Next.js!
+          </a>
+        </h1>
+      </main>
+    </div>
+  );
+}
--- a/packages/frontend/postcss.config.js
+++ b/packages/frontend/postcss.config.js
@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
--- a/packages/frontend/public/favicon.ico
+++ b/packages/frontend/public/favicon.ico
--- a/packages/frontend/tailwind.config.js
+++ b/packages/frontend/tailwind.config.js
@ -0,0 +1,12 @@
+module.exports = {
+  mode: "jit",
+  purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
+  darkMode: false,
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+};