Remove OAuth (for now)

.env.example

@@ -1,6 +1,6 @@
 NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
 CLERK_SECRET_KEY=
-NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
-NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
+NEXT_PUBLIC_CLERK_SIGN_IN_URL=/login
+NEXT_PUBLIC_CLERK_SIGN_UP_URL=/login
 NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/profile
-NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/profile
+NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/profile

app/(auth)/auth/page.tsx → app/(auth)/login/page.tsx

@@ -51,6 +51,7 @@ export default function AuthenticationPage() {
             {/* Form */}
             {isSigningUp ? <SignUpForm /> : <SignInForm />}
             {/* Divider */}
+            { /*
             <div className="relative">
               <div className="absolute inset-0 flex items-center">
                 <span className="w-full border-t" />
@@ -62,10 +63,12 @@ export default function AuthenticationPage() {
               </div>
             </div>
             {/* Social Login Buttons */}
+            {/*
             <SocialLoginButtons />
+            */}
           </div>
         </section>
       </div>
     </main>
   )
-}
+}

components/shared/claim-username.tsx

@@ -10,7 +10,7 @@ export default function ClaimUsername() {
         <p className="px-2 h-9 font-mono text-base sm:text-lg flex items-center bg-secondary rounded-l-md font-medium text-foreground">marriageresu.me/@</p>
         <Input className="bg-background font-mono text-base sm:text-lg h-9 border-l-0 rounded-l-none w-full md:w-56" placeholder="saad" />
       </div>
-      <Link href="/profile" className="w-full md:w-auto">
+      <Link href="/login" className="w-full md:w-auto">
         <Button className="flex w-full gap-2 items-center">Claim <ArrowTopRightIcon /></Button>
       </Link>
     </div>

components/shared/header.tsx

@@ -18,7 +18,7 @@ const Header = () => {
           <UserDropdown />
         </SignedIn>
         <SignedOut>
-          <Link href="/auth">
+          <Link href="/login">
             <Button>Sign In</Button>
           </Link>
         </SignedOut>
@@ -27,4 +27,4 @@ const Header = () => {
   )
 }
 
-export default Header
+export default Header

middleware.ts

@@ -4,9 +4,9 @@ import { authMiddleware } from "@clerk/nextjs";
 // Please edit this to allow other routes to be public as needed.
 // See https://clerk.com/docs/references/nextjs/auth-middleware for more information about configuring your Middleware
 export default authMiddleware({
-  publicRoutes: ["/", "/@:username", "/auth"],
+  publicRoutes: ["/", "/@:username", "/login"],
 });
 
 export const config = {
   matcher: ["/((?!.+\\.[\\w]+$|_next).*)", "/", "/(api|trpc)(.*)"],
-};
+};