feat: add authentication feature (#27)

* feat: add authentication feature

* migration: remove table that unrelated with authentication feature

* lint: fix lint error

* Fix: Update Prisma schema path in npm scripts

Changed the Prisma schema path in all related npm scripts from 'src/prisma/schema.prisma' to 'prisma/schema.prisma' to reflect the new schema location.

* Update .env.example

* Refines Prisma configuration and updates linting scripts

Centralizes the Prisma schema path within `prisma.config.ts`, enabling the removal of redundant `--schema` arguments from database-related npm scripts.

Integrates `prisma format` into the `lint` and `lint:fix` commands to ensure consistent code formatting.

Removes the unused `eslint-plugin-naming` dependency and cleans up an unused `lucide-react` import and unutilized `ctx` parameters in authentication callbacks.

* Prepares schema for initial authentication feature

Temporarily comments out models and fields unrelated to core authentication. This includes `Post`, `Like`, `Comment`, `Report`, `Follow`, and `LeaderboardSnapshot` models, along with their associated relations in the `User` model.

This change streamlines the database schema to focus solely on the initial authentication functionality, enabling a clearer development path. These features will be uncommented and implemented as they are developed.

Also renames the base migration file to accurately reflect its purpose in setting up the initial authentication tables.

* Implements social media authentication options.

This commit adds support for authenticating with Google and GitHub in addition to the existing authentication mechanism. This enhancement allows users to login using their social media accounts, providing a more convenient and secure experience. The changes include adding new environment variables and registering the authentication routes.

* remove unnecessary columns

* fix lint error

* Merge branch 'pemrogrammer:main' into auth

* implement client login form error handling

* registration and email verification using otp (without smtp)

* update login: remove email param to email-verification

* add smtp support for OTP using Resend

* add router dependency to fix lint

* Improves login form layout and workflow for improved user experience.

Enhances the accessibility and readability of the login form by providing clear labels and links for users.
Updates the layout to direct users to the correct authentication routes.
Adds social login buttons for GitHub.
Updates the CTAs on the landing page and header to direct users to the login/auth/register pages.
Improves overall user navigation and reduces confusion.

Author: samthelightbender

.env.example

@@ -1 +1,11 @@
-DATABASE_URL=
+DATABASE_URL=
+BETTER_AUTH_SECRET=
+BETTER_AUTH_URL=
+
+GOOGLE_CLIENT_ID=
+GOOGLE_CLIENT_SECRET=
+
+GITHUB_CLIENT_ID=
+GITHUB_CLIENT_SECRET=
+
+RESEND_API_KEY=

eslint.config.mjs

@@ -2,6 +2,7 @@ import { dirname } from 'path'
 import { fileURLToPath } from 'url'
 import { FlatCompat } from '@eslint/eslintrc'
 import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
+import unicorn from 'eslint-plugin-unicorn'
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = dirname(__filename)
@@ -11,11 +12,40 @@ const compat = new FlatCompat({
 })
 
 const eslintConfig = [
-  ...compat.extends('next/core-web-vitals', 'next/typescript', 'plugin:naming/recommended'),
+  ...compat.extends('next/core-web-vitals', 'next/typescript'),
   {
     ignores: ['node_modules/**', '.next/**', 'out/**', 'build/**', 'next-env.d.ts'],
   },
+  {
+    plugins: {
+      unicorn,
+    },
+    rules: {
+      'unicorn/filename-case': [
+        'error',
+        {
+          case: 'kebabCase',
+          ignore: [
+            // This rule applies to filenames, not directory names.
+            // The original regexes `/^\[.*\]$/` and `/^\(.*\)$/` didn't work because
+            // they don't account for file extensions (e.g., `.tsx`).
+
+            // This updated regex correctly matches dynamic segment files
+            // like `[id].tsx` or `[...slug].tsx`.
+            /^\[.*\]\..+$/,
 
+            // This is for the uncommon case where a file is named like a route group,
+            // e.g., `(marketing).tsx`.
+            /^\(.*\)\..+$/,
+
+            // This correctly ignores files that start with an underscore,
+            // such as `_app.tsx` or private utility files.
+            /^_/,
+          ],
+        },
+      ],
+    },
+  },
   eslintPluginPrettierRecommended,
 ]