diff --git a/app/favicon.ico b/app/favicon.ico
deleted file mode 100644
index 718d6fe..0000000
Binary files a/app/favicon.ico and /dev/null differ
diff --git a/app/globals.css b/app/globals.css
index 50bd9fc..0b46ea1 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,42 +1,76 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
-
+
@layer base {
:root {
- --background: 200 20% 98%;
- --btn-background: 200 10% 91%;
- --btn-background-hover: 200 10% 89%;
- --foreground: 200 50% 3%;
- }
+ --background: 0 0% 100%;
+ --foreground: 240 10% 3.9%;
- @media (prefers-color-scheme: dark) {
- :root {
- --background: 200 50% 3%;
- --btn-background: 200 10% 9%;
- --btn-background-hover: 200 10% 12%;
- --foreground: 200 20% 96%;
- }
+ --card: 0 0% 100%;
+ --card-foreground: 240 10% 3.9%;
+
+ --popover: 0 0% 100%;
+ --popover-foreground: 240 10% 3.9%;
+
+ --primary: 240 5.9% 10%;
+ --primary-foreground: 0 0% 98%;
+
+ --secondary: 240 4.8% 95.9%;
+ --secondary-foreground: 240 5.9% 10%;
+
+ --muted: 240 4.8% 95.9%;
+ --muted-foreground: 240 3.8% 46.1%;
+
+ --accent: 240 4.8% 95.9%;
+ --accent-foreground: 240 5.9% 10%;
+
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 0 0% 98%;
+
+ --border: 240 5.9% 90%;
+ --input: 240 5.9% 90%;
+ --ring: 240 10% 3.9%;
+
+ --radius: 0.5rem;
+ }
+
+ .dark {
+ --background: 240 10% 3.9%;
+ --foreground: 0 0% 98%;
+
+ --card: 240 10% 3.9%;
+ --card-foreground: 0 0% 98%;
+
+ --popover: 240 10% 3.9%;
+ --popover-foreground: 0 0% 98%;
+
+ --primary: 0 0% 98%;
+ --primary-foreground: 240 5.9% 10%;
+
+ --secondary: 240 3.7% 15.9%;
+ --secondary-foreground: 0 0% 98%;
+
+ --muted: 240 3.7% 15.9%;
+ --muted-foreground: 240 5% 64.9%;
+
+ --accent: 240 3.7% 15.9%;
+ --accent-foreground: 0 0% 98%;
+
+ --destructive: 0 62.8% 30.6%;
+ --destructive-foreground: 0 0% 98%;
+
+ --border: 240 3.7% 15.9%;
+ --input: 240 3.7% 15.9%;
+ --ring: 240 4.9% 83.9%;
}
}
-
+
@layer base {
* {
- @apply border-foreground/20;
+ @apply border-border;
}
-}
-
-.animate-in {
- animation: animateIn 0.3s ease 0.15s both;
-}
-
-@keyframes animateIn {
- from {
- opacity: 0;
- transform: translateY(10px);
+ body {
+ @apply bg-background text-foreground;
}
- to {
- opacity: 1;
- transform: translateY(0);
- }
-}
+}
\ No newline at end of file
diff --git a/app/layout.tsx b/app/layout.tsx
index 39e5666..536fade 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -7,8 +7,8 @@ const defaultUrl = process.env.VERCEL_URL
export const metadata = {
metadataBase: new URL(defaultUrl),
- title: "Next.js and Supabase Starter Kit",
- description: "The fastest way to build apps with Next.js and Supabase",
+ title: "Stan Runge",
+ description: "Stan Runge's Website",
};
export default function RootLayout({
diff --git a/app/opengraph-image.png b/app/opengraph-image.png
deleted file mode 100644
index 57595e6..0000000
Binary files a/app/opengraph-image.png and /dev/null differ
diff --git a/app/page.tsx b/app/page.tsx
index 5520816..5e563f2 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,9 +1,4 @@
-import DeployButton from "../components/DeployButton";
-import AuthButton from "../components/AuthButton";
import { createClient } from "@/utils/supabase/server";
-import ConnectSupabaseSteps from "@/components/ConnectSupabaseSteps";
-import SignUpUserSteps from "@/components/SignUpUserSteps";
-import Header from "@/components/Header";
import { cookies } from "next/headers";
export default async function Index() {
@@ -22,36 +17,5 @@ export default async function Index() {
const isSupabaseConnected = canInitSupabaseClient();
- return (
-
-
-
-
- {isSupabaseConnected &&
}
-
-
-
-
-
- Next steps
- {isSupabaseConnected ?
-
-
-
-
- Hey, {user.email}!
-
-
- ) : (
-
-
-);
-
-const CheckIcon = () => (
-
-
-);
-
-export default function Code({ code }: { code: string }) {
- const [icon, setIcon] = useState(CopyIcon);
-
- const copy = async () => {
- await navigator?.clipboard?.writeText(code);
- setIcon(CheckIcon);
- setTimeout(() => setIcon(CopyIcon), 2000);
- };
-
- return (
-
-
- {icon}
-
- {code}
-
- );
-}
diff --git a/components/ConnectSupabaseSteps.tsx b/components/ConnectSupabaseSteps.tsx
deleted file mode 100644
index 0493b8d..0000000
--- a/components/ConnectSupabaseSteps.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import Step from "./Step";
-
-export default function ConnectSupabaseSteps() {
- return (
-
-
-
- Head over to{" "}
-
- database.new
- {" "}
- and create a new Supabase project.
-
-
-
-
-
- Rename the{" "}
-
- .env.example
- {" "}
- file in your Next.js app to{" "}
-
- .env.local
- {" "}
- and populate with values from{" "}
-
- your Supabase project's API Settings
-
- .
-
-
-
-
-
- You may need to quit your Next.js development server and run{" "}
-
- npm run dev
- {" "}
- again to load the new environment variables.
-
-
-
-
-
- You may need to refresh the page for Next.js to load the new
- environment variables.
-
-
-
- );
-}
diff --git a/components/DeployButton.tsx b/components/DeployButton.tsx
deleted file mode 100644
index c46d23f..0000000
--- a/components/DeployButton.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-export default function DeployButton() {
- return (
-
-
-
- Deploy to Vercel
-
- );
-}
diff --git a/components/Header.tsx b/components/Header.tsx
deleted file mode 100644
index 9996d5d..0000000
--- a/components/Header.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import NextLogo from "./NextLogo";
-import SupabaseLogo from "./SupabaseLogo";
-
-export default function Header() {
- return (
-
-
-
Supabase and Next.js Starter Template
-
- The fastest way to build apps with{" "}
-
- Supabase
- {" "}
- and{" "}
-
- Next.js
-
-
-
-
-
- );
-}
diff --git a/components/SignUpUserSteps.tsx b/components/SignUpUserSteps.tsx
deleted file mode 100644
index 954fced..0000000
--- a/components/SignUpUserSteps.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import Link from "next/link";
-import Step from "./Step";
-import Code from "@/components/Code";
-
-const create = `
-create table notes (
- id serial primary key,
- title text
-);
-
-insert into notes(title)
-values
- ('Today I created a Supabase project.'),
- ('I added some data and queried it from Next.js.'),
- ('It was awesome!');
-`.trim();
-
-const server = `
-import { createClient } from '@/utils/supabase/server'
-import { cookies } from 'next/headers'
-
-export default async function Page() {
- const cookieStore = cookies()
- const supabase = createClient(cookieStore)
- const { data: notes } = await supabase.from('notes').select()
-
- return {JSON.stringify(notes, null, 2)}
-}
-`.trim();
-
-const client = `
-'use client'
-
-import { createClient } from '@/utils/supabase/client'
-import { useEffect, useState } from 'react'
-
-export default function Page() {
- const [notes, setNotes] = useState(null)
- const supabase = createClient()
-
- useEffect(() => {
- const getData = async () => {
- const { data } = await supabase.from('notes').select()
- setNotes(data)
- }
- getData()
- }, [])
-
- return {JSON.stringify(notes, null, 2)}
-}
-`.trim();
-
-export default function SignUpUserSteps() {
- return (
-
-
-
- Head over to the{" "}
-
-
-
-
-
- Head over to the{" "}
-
- Table Editor
- {" "}
- for your Supabase project to create a table and insert some example
- data. If you're stuck for creativity, you can copy and paste the
- following into the{" "}
-
- SQL Editor
- {" "}
- and click RUN!
-
-
-
-
-
- To create a Supabase client and query data from an Async Server
- Component, create a new page.tsx file at{" "}
-
- /app/notes/page.tsx
- {" "}
- and add the following.
-
- Alternatively, you can use a Client Component.
-
-
-
- You're ready to launch your product to the world! 🚀
-
-
- );
-}
diff --git a/components/Step.tsx b/components/Step.tsx
deleted file mode 100644
index cad86cf..0000000
--- a/components/Step.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-export default function Step({
- title,
- children,
-}: {
- title: string;
- children: React.ReactNode;
-}) {
- return (
-
-
- {title}
-
-
- {children}
-
-
- );
-}
diff --git a/components/SupabaseLogo.tsx b/components/SupabaseLogo.tsx
deleted file mode 100644
index 96a56a5..0000000
--- a/components/SupabaseLogo.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-export default function SupabaseLogo() {
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-}
diff --git a/lib/utils.ts b/lib/utils.ts
new file mode 100644
index 0000000..d084cca
--- /dev/null
+++ b/lib/utils.ts
@@ -0,0 +1,6 @@
+import { type ClassValue, clsx } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+ return twMerge(clsx(inputs))
+}
diff --git a/stan-website/app/page.tsx b/stan-website/app/page.tsx
deleted file mode 100644
index b596012..0000000
--- a/stan-website/app/page.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import DeployButton from "../../components/DeployButton";
-import AuthButton from "../../components/AuthButton";
-import { createClient } from "@/utils/supabase/server";
-import ConnectSupabaseSteps from "@/components/ConnectSupabaseSteps";
-import SignUpUserSteps from "@/components/SignUpUserSteps";
-import Header from "@/components/Header";
-import { cookies } from "next/headers";
-
-export default async function Index() {
- const cookieStore = cookies();
-
- const canInitSupabaseClient = () => {
- // This function is just for the interactive tutorial.
- // Feel free to remove it once you have Supabase connected.
- try {
- createClient(cookieStore);
- return true;
- } catch (e) {
- return false;
- }
- };
-
- const isSupabaseConnected = canInitSupabaseClient();
-
- return (
-
-
-
-
- {isSupabaseConnected &&
}
-
-
-
-
-
- Next steps
- {isSupabaseConnected ?
-
-
-
-