- hello world
+
+
);
}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
new file mode 100644
index 0000000..9e0b6e6
--- /dev/null
+++ b/src/components/Header.tsx
@@ -0,0 +1,17 @@
+import Link from "next/link";
+import { Plus, UserRound } from "lucide-react";
+import HeaderButton from "./HeaderButton";
+
+export default function Header() {
+ return (
+
+
+ RHYME
+
+ } />
+
+ } />
+
+
+ );
+}
diff --git a/src/components/HeaderButton.tsx b/src/components/HeaderButton.tsx
new file mode 100644
index 0000000..05dd202
--- /dev/null
+++ b/src/components/HeaderButton.tsx
@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+
+export default function HeaderButton({ title, icon }: { title: string, icon?: ReactNode }) {
+ return (
+
+ );
+}
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
new file mode 100644
index 0000000..e4d6c1e
--- /dev/null
+++ b/src/components/Input.tsx
@@ -0,0 +1,7 @@
+import { InputHTMLAttributes } from "react";
+
+export default function Input(props: InputHTMLAttributes
) {
+ return (
+
+ );
+}
diff --git a/src/components/Lyrics.tsx b/src/components/Lyrics.tsx
new file mode 100644
index 0000000..9295474
--- /dev/null
+++ b/src/components/Lyrics.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import { ChangeEvent } from "react";
+import Input from "./Input";
+
+export default function Lyrics() {
+ const onChange = (e: ChangeEvent) => {
+ // TODO
+ }
+
+ return (
+
+
Song #1
+ {[...Array(4)].map((_, i) => )}
+
+ );
+}
diff --git a/src/components/Tag.tsx b/src/components/Tag.tsx
new file mode 100644
index 0000000..e8fa53e
--- /dev/null
+++ b/src/components/Tag.tsx
@@ -0,0 +1,11 @@
+export default function Tag({ name }: { name: string }) {
+ return (
+
+ );
+}
diff --git a/src/lib/db/index.ts b/src/lib/db/index.ts
new file mode 100644
index 0000000..8d8e001
--- /dev/null
+++ b/src/lib/db/index.ts
@@ -0,0 +1,2 @@
+import { drizzle } from 'drizzle-orm/node-postgres';
+export const db = drizzle(process.env.DATABASE_URL!);
diff --git a/src/lib/db/schema.ts b/src/lib/db/schema.ts
new file mode 100644
index 0000000..b85aba4
--- /dev/null
+++ b/src/lib/db/schema.ts
@@ -0,0 +1,25 @@
+import { integer, pgTable, text, varchar } from "drizzle-orm/pg-core";
+import { relations } from "drizzle-orm";
+
+export const usersTable = pgTable("users", {
+ id: integer("id").primaryKey().generatedAlwaysAsIdentity(),
+ username: varchar("username", { length: 50 }).notNull(),
+ password: varchar("password").notNull(),
+});
+
+export const usersRelations = relations(usersTable, ({ many }) => ({
+ lyrics: many(lyricsTable),
+}));
+
+export const lyricsTable = pgTable("lyrics", {
+ id: integer("id").primaryKey().generatedAlwaysAsIdentity(),
+ content: text("content").notNull().default(""),
+ authorId: integer("author_id"),
+});
+
+export const lyricsRelations = relations(lyricsTable, ({ one }) => ({
+ author: one(usersTable, {
+ fields: [lyricsTable.authorId],
+ references: [usersTable.id],
+ }),
+}));