Merge pull request #8 from yogyy/next-14

project updates 2025

Author: yogyy

.env.example

@@ -1,12 +1,8 @@
-# Environment variables declared in this file are automatically made available to Prisma.
-# See the documentation for more detail: https://pris.ly/d/prisma-schema#accessing-environment-variables-from-the-schema
+# https://supabase.com/docs/guides/database/drizzle
 
-# Prisma supports the native connection string format for PostgreSQL, MySQL, SQLite, SQL Server, MongoDB and CockroachDB.
-# See the documentation for all the connection string options: https://pris.ly/d/connection-strings
-
-DATABASE_URL=
-NEXTAUTH_JWT_SECRET=
-NEXTAUTH_SECRET=
+DATABASE_URL= # PostgreSQL DB
+BETTER_AUTH_SECRET=
+BETTER_AUTH_URL=
 
 GITHUB_ID=
 GITHUB_SECRET=
@@ -18,4 +14,5 @@ TMDB_API_KEY=
 NEXT_PUBLIC_UMAMI_WEBSITE_ID=
 
 UPSTASH_REDIS_REST_URL=
-UPSTASH_REDIS_REST_TOKEN=
+UPSTASH_REDIS_REST_TOKEN=
+NODEJS_HELPERS=0 # require for vercel to hono work with the Pages Router

.prettierrc

@@ -1,5 +1,5 @@
 {
   "plugins": ["prettier-plugin-tailwindcss"],
   "tabWidth": 2,
-  "printWidth": 80
+  "printWidth": 90
 }

README.md

@@ -1,13 +1,14 @@
-## Notflox
+# Notflox
 
-Open Source Project to connect Public REST APIs(TMDB) using [Tanstack Query](https://tanstack.com/)
+Open Source TMDB client app
 
 ## Features
 
+- Authentications
 - Movie / Tv List
 - Movie / Tv Details
 - Trailer (if available)
-- Authentications
+- Watchlist (login require)
 
 ## Installation
 
@@ -23,9 +24,9 @@ npm run dev
 To run this project, you will need to add the following environment variables to your .env file
 
 ```bash
-DATABASE_URL=
-NEXTAUTH_JWT_SECRET=
-NEXTAUTH_SECRET=
+DATABASE_URL= # PostgreSQL DB
+BETTER_AUTH_SECRET=
+BETTER_AUTH_URL=
 
 GITHUB_ID=
 GITHUB_SECRET=
@@ -35,6 +36,10 @@ GOOGLE_CLIENT_SECRET=
 
 TMDB_API_KEY=
 NEXT_PUBLIC_UMAMI_WEBSITE_ID=
+
+UPSTASH_REDIS_REST_URL=
+UPSTASH_REDIS_REST_TOKEN=
+NODEJS_HELPERS=0 # require for vercel to hono work with the Pages Router
 ```
 
 ## Demo

atoms/auth-atoms.ts

@@ -1,8 +1,4 @@
 import { atom } from "jotai";
 
-export const loginState = atom<boolean>(true);
+export const authState = atom<"login" | "register">("login");
 export const providerState = atom<"google" | "github" | null>(null);
-
-export const changeLoginState = atom(null, (get, set, newState: boolean) => {
-  set(loginState, newState);
-});

auth.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from "drizzle-kit";
+
+export default defineConfig({
+  out: "./drizzle",
+  schema: "./src/db/schema/*.ts",
+  dialect: "postgresql",
+  dbCredentials: {
+    url: process.env.DATABASE_URL!,
+  },
+});

drizzle.config.ts

@@ -0,0 +1,50 @@
+CREATE TABLE "notflox_account" (
+	"id" text PRIMARY KEY NOT NULL,
+	"account_id" text NOT NULL,
+	"provider_id" text NOT NULL,
+	"user_id" text NOT NULL,
+	"access_token" text,
+	"refresh_token" text,
+	"id_token" text,
+	"access_token_expires_at" timestamp,
+	"refresh_token_expires_at" timestamp,
+	"scope" text,
+	"password" text,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL
+);
+--> statement-breakpoint
+CREATE TABLE "notflox_session" (
+	"id" text PRIMARY KEY NOT NULL,
+	"expires_at" timestamp NOT NULL,
+	"token" text NOT NULL,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL,
+	"ip_address" text,
+	"user_agent" text,
+	"user_id" text NOT NULL,
+	CONSTRAINT "notflox_session_token_unique" UNIQUE("token")
+);
+--> statement-breakpoint
+CREATE TABLE "notflox_user" (
+	"id" text PRIMARY KEY NOT NULL,
+	"name" text NOT NULL,
+	"email" text NOT NULL,
+	"email_verified" boolean NOT NULL,
+	"image" text,
+	"created_at" timestamp NOT NULL,
+	"updated_at" timestamp NOT NULL,
+	CONSTRAINT "notflox_user_email_unique" UNIQUE("email")
+);
+--> statement-breakpoint
+CREATE TABLE "notflox_verification" (
+	"id" text PRIMARY KEY NOT NULL,
+	"identifier" text NOT NULL,
+	"value" text NOT NULL,
+	"expires_at" timestamp NOT NULL,
+	"created_at" timestamp,
+	"updated_at" timestamp
+);
+--> statement-breakpoint
+ALTER TABLE "notflox_account" ADD CONSTRAINT "notflox_account_user_id_notflox_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."notflox_user"("id") ON DELETE cascade ON UPDATE no action;--> statement-breakpoint
+ALTER TABLE "notflox_session" ADD CONSTRAINT "notflox_session_user_id_notflox_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."notflox_user"("id") ON DELETE cascade ON UPDATE no action;

drizzle/0000_cynical_may_parker.sql

@@ -0,0 +1,13 @@
+CREATE TABLE "notflox_watchlist" (
+	"id" varchar(22) PRIMARY KEY NOT NULL,
+	"title" varchar NOT NULL,
+	"show_id" varchar(10) NOT NULL,
+	"media_type" varchar(6),
+	"user_id" varchar NOT NULL,
+	"backdrop_path" varchar,
+	"poster_path" varchar,
+	"created_at" timestamp DEFAULT now(),
+	"release_date" timestamp NOT NULL
+);
+--> statement-breakpoint
+ALTER TABLE "notflox_watchlist" ADD CONSTRAINT "notflox_watchlist_user_id_notflox_user_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."notflox_user"("id") ON DELETE no action ON UPDATE no action;

drizzle/0001_lethal_mandroid.sql

@@ -0,0 +1,3 @@
+ALTER TABLE "notflox_watchlist" ALTER COLUMN "media_type" SET NOT NULL;--> statement-breakpoint
+ALTER TABLE "notflox_watchlist" ALTER COLUMN "user_id" SET NOT NULL;--> statement-breakpoint
+ALTER TABLE "notflox_watchlist" ADD CONSTRAINT "unique_watchlist" UNIQUE("media_type","show_id","user_id");