feat: created NextJS app for frontend with sass

HackAtUCI · Aug 11, 2023 · 63d8b06 · 63d8b06
1 parent 828f768
commit 63d8b06
Show file tree

Hide file tree

Showing 21 changed files with 674 additions and 136 deletions.
diff --git a/apps/site/.eslintrc.json b/apps/site/.eslintrc.json
@@ -0,0 +1,3 @@
+{
+  "extends": ["custom"]
+}
diff --git a/apps/web/.gitignore → apps/site/.gitignore b/apps/web/.gitignore → apps/site/.gitignore
@@ -25,10 +25,11 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+.env*.local
 
 # vercel
 .vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/apps/web/README.md → apps/site/README.md b/apps/web/README.md → apps/site/README.md
@@ -1,28 +1,34 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
 ## Getting Started
 
 First, run the development server:
 
 ```bash
+npm run dev
+# or
 yarn dev
+# or
+pnpm dev
 ```
 
 Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
 You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
-To create [API routes](https://nextjs.org/docs/app/building-your-application/routing/router-handlers) add an `api/` directory to the `app/` directory with a `route.ts` file. For individual endpoints, create a subfolder in the `api` directory, like `api/hello/route.ts` would map to [http://localhost:3000/api/hello](http://localhost:3000/api/hello).
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:
 
 - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
 You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 
 ## Deploy on Vercel
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
 
 Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/apps/site/next.config.js b/apps/site/next.config.js
@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {}
+
+module.exports = nextConfig
diff --git a/apps/site/package.json b/apps/site/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "site",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@types/node": "20.4.9",
+    "@types/react": "18.2.20",
+    "@types/react-dom": "^18.2.0",
+    "eslint": "8.46.0",
+    "eslint-config-next": "^13.4.1",
+    "next": "^13.4.1",
+    "react": "18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.65.1",
+    "typescript": "5.1.6"
+  },
+  "devDependencies": {
+    "eslint-config-custom": "workspace:*"
+  }
+}
diff --git a/apps/site/public/next.svg b/apps/site/public/next.svg
diff --git a/apps/site/public/vercel.svg b/apps/site/public/vercel.svg
diff --git a/apps/site/src/app/favicon.ico b/apps/site/src/app/favicon.ico
diff --git a/apps/site/src/app/globals.scss b/apps/site/src/app/globals.scss
diff --git a/apps/site/src/app/layout.tsx b/apps/site/src/app/layout.tsx
@@ -0,0 +1,22 @@
+import "./globals.css";
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+	title: "Create Next App",
+	description: "Generated by create next app",
+};
+
+export default function RootLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<html lang="en">
+			<body className={inter.className}>{children}</body>
+		</html>
+	);
+}
diff --git a/apps/site/src/app/page.module.scss b/apps/site/src/app/page.module.scss
diff --git a/apps/site/src/app/page.tsx b/apps/site/src/app/page.tsx
@@ -0,0 +1,7 @@
+export default function Home() {
+	return (
+		<main>
+			<h1>ZotHacks 2023</h1>
+		</main>
+	);
+}
diff --git a/apps/site/tsconfig.json b/apps/site/tsconfig.json
@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./src/*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/apps/web/.eslintrc.js b/apps/web/.eslintrc.js
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
diff --git a/apps/web/next-env.d.ts b/apps/web/next-env.d.ts
diff --git a/apps/web/next.config.js b/apps/web/next.config.js
diff --git a/apps/web/package.json b/apps/web/package.json
diff --git a/apps/web/tsconfig.json b/apps/web/tsconfig.json