DarkTheme Switch and Tailwind integration.

compose.yaml

@@ -0,0 +1,15 @@
+version: "3.8"
+services:
+  db:
+    image: mysql:8.0
+    restart: always
+    environment:
+      MYSQL_ROOT_PASSWORD: p
+      MYSQL_DATABASE: talktopdf
+    volumes:
+      - db_data:/var/lib/mysql
+    command: "--default-authentication-plugin=mysql_native_password"
+    ports:
+      - "3306:3306"
+volumes:
+  db_data: {}

next.config.js

@@ -3,26 +3,67 @@ const nextConfig = {
   async redirects() {
     return [
       {
-        source: '/sign-in',
-        destination: '/api/auth/login',
+        source: "/sign-in",
+        destination: "/api/auth/login",
         permanent: true,
       },
       {
-        source: '/sign-up',
-        destination: '/api/auth/register',
+        source: "/sign-up",
+        destination: "/api/auth/register",
         permanent: true,
       },
-    ]
+    ];
+  },
+  images: {
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "img.clerk.com",
+      },
+      {
+        protocol: "https",
+        hostname: "lh3.googleusercontent.com",
+      },
+      {
+        protocol: "https",
+        hostname: "images.unsplash.com",
+      },
+      {
+        protocol: "https",
+        hostname: "*.hydeparkwinterwonderland.com",
+      },
+      {
+        protocol: "https",
+        hostname: "*.githubusercontent.com",
+      },
+      {
+        protocol: "https",
+        hostname: "dummyimage.com",
+      },
+      {
+        protocol: "https",
+        hostname: "cdn.iconscout.com",
+      },
+      {
+        protocol: "https",
+        hostname: "images.pexels.com",
+      },
+      {
+        protocol: "https",
+        hostname: "randomuser.me",
+      },
+      {
+        protocol: "https",
+        hostname: "oaidalleapiprodscus.blob.core.windows.net",
+      },
+    ],
   },
 
-  webpack: (
-    config,
-    { buildId, dev, isServer, defaultLoaders, webpack }
-  ) => {
-    config.resolve.alias.canvas = false
-    config.resolve.alias.encoding = false
-    return config
+  webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
+    config.resolve.alias.canvas = false;
+    config.resolve.alias.encoding = false;
+    return config;
   },
-}
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;