fix: do rebranding

.example.env

@@ -1,2 +1,8 @@
+# Database connection string
 DATABASE_URL=postgres://postgres:postgres@localhost:5432/postgres
+
+# JWT secret for signing tokens
 JWT_SECRET=verysecret
+
+# Application name
+APP_NAME=notra

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "rhyme",
+  "name": "notra",
   "version": "0.1.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "rhyme",
+      "name": "notra",
       "version": "0.1.0",
       "dependencies": {
         "bcrypt": "^6.0.0",

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "rhyme",
+  "name": "notra",
   "version": "0.1.0",
   "private": true,
   "scripts": {

src/app/auth/page.tsx

@@ -1,9 +1,14 @@
 import { Metadata } from "next";
 import AuthForm from "@/components/forms/AuthForm";
 
+const APP_NAME = process.env.APP_NAME;
+if (!APP_NAME) {
+  throw new Error("APP_NAME environment variable is not set");
+}
+
 export const metadata: Metadata = {
-  title: "Authenticate - Rhyme",
+  title: "Authenticate - " + APP_NAME,
-  description: "Register or log into Rhyme account to save, show and load notes",
+  description: `Register or log into ${APP_NAME} account to save, show and load notes`,
 };
 
 export default function Auth() {
@@ -15,7 +20,7 @@ export default function Auth() {
         <AuthForm isRegister />
       </div>
       <div className="text-center text-sm text-neutral-400 mt-6">
-        <p>Welcome to Rhyme!</p>
+        <p>Welcome to {APP_NAME}!</p>
         <p>Free service for writing and saving notes, lyrics, poetry, etc</p>
         <p>Made with ❤️ by <a href="https://misterkirill.com" className="font-bold hover:underline">Kirill Siukhin</a></p>
       </div>

src/app/layout.tsx

@@ -3,13 +3,18 @@ import { Noto_Sans_Mono } from "next/font/google";
 import Header from "@/components/Header";
 import "./globals.css";
 
+const APP_NAME = process.env.APP_NAME;
+if (!APP_NAME) {
+  throw new Error("APP_NAME environment variable is not set");
+}
+
 const notoSansMono = Noto_Sans_Mono({
   variable: "--noto-sans-mono",
   subsets: ["latin", "cyrillic"],
 });
 
 export const metadata: Metadata = {
-  title: "Rhyme",
+  title: APP_NAME,
   description: "Free service for writing and saving notes, lyrics, poetry and more",
 };
 

src/app/notes/page.tsx

@@ -3,9 +3,13 @@ import { requireAuth } from "@/app/actions/auth";
 import { getNotes } from "@/app/actions/notes";
 import NoteCard from "@/components/ui/NoteCard";
 
+const APP_NAME = process.env.APP_NAME;
+if (!APP_NAME) {
+  throw new Error("APP_NAME environment variable is not set");
+}
+
 export const metadata: Metadata = {
-  title: "Notes - Rhyme",
+  title: "Notes - " + APP_NAME,
-  description: "View and edit your notes",
 };
 
 export default async function Notes() {

src/components/Header.tsx

@@ -4,13 +4,18 @@ import { getAuth, logOut } from "@/app/actions/auth";
 import { createNote } from "@/app/actions/notes";
 import HeaderButton from "./ui/HeaderButton"; 
 
+const APP_NAME = process.env.APP_NAME;
+if (!APP_NAME) {
+  throw new Error("APP_NAME environment variable is not set");
+}
+
 export default async function Header() {
   const user = await getAuth();
 
   return (
     <header className="flex items-center gap-6 m-4">
       <Link href={user ? "/notes" : "/"}>
-        <HeaderButton title="rhyme" className="bg-sky-600 hover:bg-sky-500" />
+        <HeaderButton title={APP_NAME!} />
       </Link>
       
       {user && (