diff --git a/.env b/.env
index e4fa827..44f58db 100644
--- a/.env
+++ b/.env
@@ -1 +1 @@
-VITE_BACKEND_URL=http://localhost:8000/api
+VITE_BACKEND_URL=http://localhost:8807/api
diff --git a/README.md b/README.md
index 8d9b3cd..8bdbe83 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,10 @@
-# Reezer
+# MusicToGo
 
-Yet another rewrite of deemix, this time with:
+Now a regular SPA!
 
-- Rust in the backend
-    - Rocket.rs as server
-    - Swagger API docs
-- Solidjs in the frontend
-    - SPA mode
-    - Bun
-    - UnoCSS
-- Docker
+## Nginx proxy
+
+```sh
+docker run -p 8807:80 -v ./nginx.conf:/etc/nginx/nginx.conf:ro nginx
+```
 
diff --git a/index.html b/index.html
index d1309c8..e36d779 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,7 @@
         --on-surface: white;
         --surface-variant: #27272a;
         --on-surface-variant: white;
+        --border-1: #aaaaaa;
 
         --root-color: #F9A8D4;
 
diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 0000000..8b50824
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,41 @@
+http {
+	include       /etc/nginx/mime.types;
+	default_type  application/octet-stream;
+	server {
+	    listen 80;
+
+	    # Your frontend location
+	    # location / {
+	    #     root /var/www/html;  # or wherever your frontend lives
+	    #     try_files $uri $uri/ /index.html;
+	    # }
+
+	    # Login endpoint
+	    location /api/auth/login {
+		proxy_pass http://localhost:8808/api/auth/login;
+
+		# Handle the API response
+		add_header Set-Cookie "auth_token=$upstream_http_x_auth_token; HttpOnly; Secure; Path=/; SameSite=Strict";
+
+		# Remove token from response body
+		proxy_set_header Accept "application/json";
+		proxy_hide_header x-auth-token;
+	    }
+
+	    # All other API calls
+	    location /api/ {
+		proxy_pass http://localhost:8808/api/;
+
+		# Extract cookie and set as header
+		proxy_set_header Authorization "Bearer $cookie_auth_token";
+
+		# Standard proxy headers you'll need
+		proxy_set_header Host $host;
+		proxy_set_header X-Real-IP $remote_addr;
+	    }
+	}
+}
+
+events {
+    worker_connections  1024;
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index ca86d54..6286074 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -1,8 +1,39 @@
+import { A } from "@solidjs/router"
+import { Card } from "../components/card"
+
 export function IndexPage()
 {
 	return (
 		<div>
-			:D (happy)
+			<Navbar />
+			<div class="m-1">
+				<Card>
+					<div>
+						<h2 class="font-bold text-lg">Random Albums</h2>
+					</div>
+				</Card>
+			</div>
+			<div class="m-1">
+				<Card>
+					<div>
+						<h2 class="font-bold text-lg">Most Played</h2>
+					</div>
+				</Card>
+			</div>
 		</div>
 	)
 }
+
+function Navbar()
+{
+	return (
+		<nav
+			border-b="1 c-border-1"
+			class="sticky top-0 py-2 px-2"
+		>
+			<A href="/" class="font-bold">
+				MusicToGo
+			</A>
+		</nav>
+	)
+}
diff --git a/src/pages/login.tsx b/src/pages/login.tsx
index c8fa913..fca76cb 100644
--- a/src/pages/login.tsx
+++ b/src/pages/login.tsx
@@ -6,7 +6,7 @@ export function LoginPage()
 {
 	async function onSubmit(ev: SubmitEvent)
 	{
-		fetch_api("/login", {
+		fetch_api("/auth/login", {
 			method: "post",
 		})
 		ev.preventDefault()
diff --git a/uno.config.ts b/uno.config.ts
index 6609d4b..3ab6d83 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -12,6 +12,7 @@ export default defineConfig({
 			"c-on-surface": "var(--on-surface)",
 			"c-surface-variant": "var(--surface-variant)",
 			"c-on-surface-variant": "var(--on-surface-variant)",
+			"c-border-1": "var(--border-1)",
 
 			"c-root-color": "var(--root-color)",
 			"c-primary": "var(--primary)",