diff --git a/app/layout.tsx b/app/layout.tsx index 966b52c..1ef3eee 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,14 +1,13 @@ import type { Metadata } from "next" -import { Inter } from "next/font/google" +import { GeistSans } from "geist/font/sans" +import { GeistMono } from "geist/font/mono" import "./globals.css" import { ThemeProvider } from "@/components/layout/themeProvider" import { ClerkProvider } from "@clerk/nextjs" -const inter = Inter({ subsets: ["latin"] }) - export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "Sandbox", + description: "A collaborative, AI-powered, auto-scaling code sandbox", } export default function RootLayout({ @@ -18,8 +17,8 @@ export default function RootLayout({ }>) { return ( - - + + test +
+
+ {/*
+
+ Logo +
+
+ + X Logo + +
+
*/} +

+ A Collaborative, AI-Powered, Auto-Scaling Code Editor +

+
+ Sandbox is an open-source cloud-based code editing environment with + custom AI code autocompletion and real-time collaboration. The + infrastructure runs on Docker and Kubernetes to scale automatically + based on resource usage. +
+
+ + + + + GitHub Repository + + +
+
+
+
) } diff --git a/assets/x.svg b/assets/x.svg new file mode 100644 index 0000000..437e2bf --- /dev/null +++ b/assets/x.svg @@ -0,0 +1,3 @@ + + + diff --git a/components/editor/sidebar/index.tsx b/components/editor/sidebar/index.tsx index c92913b..108ca01 100644 --- a/components/editor/sidebar/index.tsx +++ b/components/editor/sidebar/index.tsx @@ -64,7 +64,7 @@ const data: (TFile | TFolder)[] = [ export default function Sidebar() { return ( -
+
EXPLORER
diff --git a/components/navbar/index.tsx b/components/navbar/index.tsx index d64d9ce..032517e 100644 --- a/components/navbar/index.tsx +++ b/components/navbar/index.tsx @@ -1,16 +1,20 @@ import Image from "next/image" import Logo from "@/assets/logo.svg" -import { Input } from "../ui/input" import { Pencil } from "lucide-react" import { UserButton } from "@clerk/nextjs" +import Link from "next/link" +import { dark } from "@clerk/themes" export default function Navbar() { return (
- +
My React Project{" "}
@@ -18,7 +22,12 @@ export default function Navbar() {
- +
) } diff --git a/middleware.ts b/middleware.ts index ea63c0f..9455db5 100644 --- a/middleware.ts +++ b/middleware.ts @@ -1,7 +1,8 @@ import { authMiddleware } from "@clerk/nextjs" export default authMiddleware({ - // publicRoutes: (req) => !req.url.includes("/code"), + publicRoutes: (req) => + !req.url.includes("/dashboard") && !req.url.includes("/code"), }) export const config = { diff --git a/next.config.mjs b/next.config.mjs index 4678774..57c7378 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -1,4 +1,12 @@ /** @type {import('next').NextConfig} */ -const nextConfig = {}; +const nextConfig = { + images: { + remotePatterns: [ + { + hostname: "cdn.simpleicons.org", + }, + ], + }, +} -export default nextConfig; +export default nextConfig diff --git a/package-lock.json b/package-lock.json index b9f7630..ce9eff7 100644 --- a/package-lock.json +++ b/package-lock.json @@ -15,6 +15,7 @@ "@radix-ui/react-slot": "^1.0.2", "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", + "geist": "^1.3.0", "lucide-react": "^0.365.0", "monaco-themes": "^0.4.4", "next": "14.1.3", @@ -1263,6 +1264,14 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/geist": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/geist/-/geist-1.3.0.tgz", + "integrity": "sha512-IoGBfcqVEYB4bEwsfHd35jF4+X9LHRPYZymHL4YOltHSs9LJa24DYs1Z7rEMQ/lsEvaAIc61Y9aUxgcJaQ8lrg==", + "peerDependencies": { + "next": ">=13.2.0 <15.0.0-0" + } + }, "node_modules/glob": { "version": "10.3.10", "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", diff --git a/package.json b/package.json index fda463c..a8b77aa 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "@radix-ui/react-slot": "^1.0.2", "class-variance-authority": "^0.7.0", "clsx": "^2.1.0", + "geist": "^1.3.0", "lucide-react": "^0.365.0", "monaco-themes": "^0.4.4", "next": "14.1.3", diff --git a/tailwind.config.ts b/tailwind.config.ts index 84287e8..43a763e 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -3,11 +3,11 @@ import type { Config } from "tailwindcss" const config = { darkMode: ["class"], content: [ - './pages/**/*.{ts,tsx}', - './components/**/*.{ts,tsx}', - './app/**/*.{ts,tsx}', - './src/**/*.{ts,tsx}', - ], + "./pages/**/*.{ts,tsx}", + "./components/**/*.{ts,tsx}", + "./app/**/*.{ts,tsx}", + "./src/**/*.{ts,tsx}", + ], prefix: "", theme: { container: { @@ -18,6 +18,10 @@ const config = { }, }, extend: { + fontFamily: { + sans: ["var(--font-geist-sans)"], + mono: ["var(--font-geist-mono)"], + }, colors: { border: "hsl(var(--border))", input: "hsl(var(--input))", @@ -77,4 +81,4 @@ const config = { plugins: [require("tailwindcss-animate")], } satisfies Config -export default config \ No newline at end of file +export default config