Upgrade dependencies

README.md

@@ -1,6 +1,6 @@
 # TextTalk - A Modern Fullstack Platform
 
-Built with the Next.js 14.0 App Router, tRPC, TypeScript, Prisma & Tailwind
+Built with the Next.js 16 App Router, React 19, TypeScript, Prisma & Tailwind CSS 4.
 
 ## Features
 
@@ -33,7 +33,7 @@ cd texttalk
 
 ### 2. Install dependencies
 
-Make sure you have all the dependencies installed by running:
+Install Node.js 24 or newer, then install the dependencies:
 
 ```bash
 npm install
@@ -77,6 +77,11 @@ npm install
    NODE_ENV=development
    ```
 
+   Local development should use Clerk development credentials (`pk_test_` and
+   `sk_test_`). Before deploying, replace them in the hosting provider with the
+   production instance credentials (`pk_live_` and `sk_live_`); Clerk warns when
+   development credentials are used because those instances have strict limits.
+
    **Required Services:**
    - **Clerk** - Authentication ([Get started](https://clerk.dev))
    - **Database** - MongoDb

eslint.config.mjs

@@ -1,109 +1,57 @@
-import path from "node:path";
-import { fileURLToPath } from "node:url";
-
-import { fixupConfigRules, fixupPluginRules } from "@eslint/compat";
-import { FlatCompat } from "@eslint/eslintrc";
-import js from "@eslint/js";
-import tsParser from "@typescript-eslint/parser";
-import { defineConfig, globalIgnores } from "eslint/config";
-import _import from "eslint-plugin-import";
-import react from "eslint-plugin-react";
-import unusedImports from "eslint-plugin-unused-imports";
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-const compat = new FlatCompat({
-	baseDirectory: __dirname,
-	recommendedConfig: js.configs.recommended,
-	allConfig: js.configs.all,
-});
+import { defineConfig, globalIgnores } from 'eslint/config';
+import nextVitals from 'eslint-config-next/core-web-vitals';
+import nextTs from 'eslint-config-next/typescript';
+import prettier from 'eslint-config-prettier/flat';
+import unusedImports from 'eslint-plugin-unused-imports';
 
 export default defineConfig([
-	globalIgnores(["**/node_modules/", "**/.next/", "**/build/", "**/dist/", "**/*.config.js", "**/*.config.ts"]),
-	{
-		extends: fixupConfigRules(
-			compat.extends(
-				"next/core-web-vitals",
-				"eslint:recommended",
-				"plugin:@typescript-eslint/recommended",
-				"plugin:react/recommended",
-				"plugin:react-hooks/recommended",
-				"plugin:jsx-a11y/recommended",
-				"plugin:import/recommended",
-				"plugin:import/typescript",
-				"prettier",
-			),
-		),
-
-		plugins: {
-			react: fixupPluginRules(react),
-			import: fixupPluginRules(_import),
-			"unused-imports": unusedImports,
-		},
-
-		languageOptions: {
-			parser: tsParser,
-		},
-
-		settings: {
-			react: {
-				version: "detect",
-			},
-
-			"import/resolver": {
-				typescript: true,
-				node: true,
-			},
-		},
-
-		rules: {
-			"react/react-in-jsx-scope": "off",
-			"react/prop-types": "off",
-
-			"react/jsx-curly-brace-presence": [
-				"error",
-				{
-					props: "never",
-					children: "never",
-				},
-			],
-
-			"react/self-closing-comp": [
-				"error",
-				{
-					component: true,
-					html: true,
-				},
-			],
-
-			"import/order": [
-				"error",
-				{
-					groups: ["builtin", "external", "internal", "parent", "sibling", "index"],
-					"newlines-between": "always",
-
-					alphabetize: {
-						order: "asc",
-					},
-				},
-			],
-
-			"import/no-duplicates": "error",
-
-			"unused-imports/no-unused-imports": "error",
-
-			"no-console": [
-				"warn",
-				{
-					allow: ["warn", "error"],
-				},
-			],
-
-			eqeqeq: "error",
-			"prefer-const": "error",
-		},
-	},
-	{
-		files: ["app/**/*.ts?(x)", "components/**/*.ts?(x)"],
-	},
+  ...nextVitals,
+  ...nextTs,
+  {
+    files: ['**/*.{js,jsx,ts,tsx,mjs,mts,cts}'],
+    plugins: {
+      'unused-imports': unusedImports,
+    },
+    rules: {
+      '@typescript-eslint/no-unused-vars': 'off',
+      'react/react-in-jsx-scope': 'off',
+      'react/prop-types': 'off',
+      'react/jsx-curly-brace-presence': [
+        'error',
+        { props: 'never', children: 'never' },
+      ],
+      'react/self-closing-comp': ['error', { component: true, html: true }],
+      'import/order': [
+        'error',
+        {
+          groups: [
+            'builtin',
+            'external',
+            'internal',
+            'parent',
+            'sibling',
+            'index',
+          ],
+          'newlines-between': 'always',
+          alphabetize: { order: 'asc' },
+        },
+      ],
+      'import/no-duplicates': 'error',
+      'unused-imports/no-unused-imports': 'error',
+      'no-console': ['warn', { allow: ['warn', 'error'] }],
+      eqeqeq: 'error',
+      'prefer-const': 'error',
+    },
+  },
+  prettier,
+  globalIgnores([
+    'node_modules/**',
+    '.next/**',
+    'out/**',
+    'build/**',
+    'dist/**',
+    'next-env.d.ts',
+    '**/*.config.js',
+    '**/*.config.ts',
+  ]),
 ]);

next.config.js → next.config.mjs

@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   images: {
+    qualities: [75, 90, 100],
     remotePatterns: [
       {
         hostname: 'gravatar.com',
@@ -12,4 +13,4 @@ const nextConfig = {
   },
 };
 
-module.exports = nextConfig;
+export default nextConfig;