+
+ );
+};
+
+export default OtpPage;
diff --git a/src/app/globals.css b/src/app/globals.css
index 5447c0c..3c41ccc 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -5,25 +5,26 @@
/*"Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",*/
/*"Fira Mono", "Droid Sans Mono", "Courier New", monospace;*/
- --black: #3B3D41;
- --grey: #A0A5AC;
- --line-grey: #E1E4E8;
+ --black: #3b3d41;
+ --grey: #a0a5ac;
+ --line-grey: #e1e4e8;
--slate-black: #667085;
- --mist-grey: #F2F2F2;
+ --mist-grey: #f2f2f2;
- --light-green: #22C55E;
- --light-yellow: #FFC107;
- --light-blue: #3B82F6;
- --light-red: #FF3737;
- --light-red2: #FF69B4;
+ --light-green: #22c55e;
+ --light-yellow: #ffc107;
+ --light-blue: #3b82f6;
+ --light-red: #ff3737;
+ --light-red2: #ff69b4;
- --green: #2E865F;
- --soil: #EEB27B;
+ --green: #2e865f;
+ --soil: #eeb27b;
}
-
/* reset everything*/
-*, *::before,*::after {
+*,
+*::before,
+*::after {
box-sizing: border-box;
}
* {
@@ -52,7 +53,8 @@ body {
}
/* assign button hover state*/
-button, [role="button"] {
+button,
+[role="button"] {
cursor: pointer;
background-color: transparent;
-webkit-tap-highlight-color: transparent;
@@ -63,8 +65,9 @@ button, [role="button"] {
/* reset anchor style*/
-p{
- font-family: --myCustomFont,"system-ui", "-apple-system", "BlinkMacSystemFont",sans-serif;
+p {
+ font-family: --myCustomFont, "system-ui", "-apple-system",
+ "BlinkMacSystemFont", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 300;
@@ -75,7 +78,7 @@ p{
line-height: 20px;
}
-main{
+main {
width: 95%;
max-width: 1440px; /* Fixed maximum width */
height: 100%;
@@ -86,7 +89,7 @@ main{
overflow: hidden;
}
-h1{
+h1 {
font-size: 60px;
font-style: normal;
font-weight: 350;
@@ -101,4 +104,4 @@ a {
color: inherit;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b3268ab..ea5d3b5 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,60 +4,87 @@ import React from "react";
import localFont from "next/font/local";
import Navbar from "@/components/ui/Navbar";
import Footer from "@/components/ui/Footer";
+import { Toaster } from "sonner";
+import { auth } from "@/auth";
+import { redirect } from "next/navigation";
+import { headers } from "next/headers";
+import { SessionProvider } from "next-auth/react";
// import { SpeedInsights } from '@vercel/speed-insights/next';
const customFont = localFont({
- src: "../font/customFont.otf",
- variable: "--myCustomFont",
+ src: "../font/customFont.otf",
+ variable: "--myCustomFont",
});
export const metadata: Metadata = {
- title: "Uttarakhand Culture - Explore Devbhoomi's Heritage, Traditions, and Natural Beauty",
- description: "Explore the rich cultural heritage of Uttarakhand, Devbhoomi's vibrant festivals, traditions, folklore, and breathtaking landscapes. Join our mission to preserve and celebrate the heritage of Manaskhand and Kedarkhand for future generations.",
- keywords: "Uttarakhand, culture, Devbhoomi, Uttarakhand culture, Pahadi culture, Uttarakhand heritage, Manaskhand, Kedarkhand, traditions, festivals, folk music, folk dances, digital preservation, Pahad, Pahadi, Pahadi traditions, Garhwali, Kumaoni, Himalayan culture, Uttarakhand tourism, cultural preservation, spiritual Uttarakhand, pilgrimage, Uttarakhand cuisine, Uttarakhand art, Uttarakhand history, Nanda Devi, Chhota Kailash, Ganga, Yamuna, Himalayan rivers, Uttarakhand flora fauna, mountain culture",
- openGraph: {
- title: "Uttarakhand Culture - Explore Devbhoomi's Heritage, Traditions, and Natural Beauty",
- description: "Discover Uttarakhand's cultural heritage, festivals, traditions, folklore, and stunning natural beauty. Join our mission to digitally preserve and celebrate the vibrant legacy of Devbhoomi for future generations.",
- url: "https://uttarakhand-culture.vercel.app",
- siteName: "Uttarakhand Culture",
- images: [
- {
- url: "/SEOIMAGE.webp",
- alt: "Cultural Heritage of Uttarakhand - Traditions, Festivals, and Natural Beauty",
- },
- ],
- locale: "en_US",
- type: "website",
- },
- twitter:{
- card: "summary_large_image",
- site: "https://uttarakhand-culture.vercel.app",
- creator: "@UttarakhandCulture",
- title: "Uttarakhand Culture - Explore Devbhoomi's Heritage, Traditions, and Natural Beauty",
- description:"Discover Uttarakhand's cultural legacy, rich history, festivals, and natural beauty. Help us preserve the traditions of Devbhoomi for future generations.",
- images: "/SEOIMAGE.webp"
- },
- robots: {
- index: true,
- follow: true,
- },
+ title:
+ "Uttarakhand Culture - Explore Devbhoomi's Heritage, Traditions, and Natural Beauty",
+ description:
+ "Explore the rich cultural heritage of Uttarakhand, Devbhoomi's vibrant festivals, traditions, folklore, and breathtaking landscapes. Join our mission to preserve and celebrate the heritage of Manaskhand and Kedarkhand for future generations.",
+ keywords:
+ "Uttarakhand, culture, Devbhoomi, Uttarakhand culture, Pahadi culture, Uttarakhand heritage, Manaskhand, Kedarkhand, traditions, festivals, folk music, folk dances, digital preservation, Pahad, Pahadi, Pahadi traditions, Garhwali, Kumaoni, Himalayan culture, Uttarakhand tourism, cultural preservation, spiritual Uttarakhand, pilgrimage, Uttarakhand cuisine, Uttarakhand art, Uttarakhand history, Nanda Devi, Chhota Kailash, Ganga, Yamuna, Himalayan rivers, Uttarakhand flora fauna, mountain culture",
+ openGraph: {
+ title:
+ "Uttarakhand Culture - Explore Devbhoomi's Heritage, Traditions, and Natural Beauty",
+ description:
+ "Discover Uttarakhand's cultural heritage, festivals, traditions, folklore, and stunning natural beauty. Join our mission to digitally preserve and celebrate the vibrant legacy of Devbhoomi for future generations.",
+ url: "https://uttarakhand-culture.vercel.app",
+ siteName: "Uttarakhand Culture",
+ images: [
+ {
+ url: "/SEOIMAGE.webp",
+ alt: "Cultural Heritage of Uttarakhand - Traditions, Festivals, and Natural Beauty",
+ },
+ ],
+ locale: "en_US",
+ type: "website",
+ },
+ twitter: {
+ card: "summary_large_image",
+ site: "https://uttarakhand-culture.vercel.app",
+ creator: "@UttarakhandCulture",
+ title:
+ "Uttarakhand Culture - Explore Devbhoomi's Heritage, Traditions, and Natural Beauty",
+ description:
+ "Discover Uttarakhand's cultural legacy, rich history, festivals, and natural beauty. Help us preserve the traditions of Devbhoomi for future generations.",
+ images: "/SEOIMAGE.webp",
+ },
+ robots: {
+ index: true,
+ follow: true,
+ },
};
-export default function RootLayout({
- children,
+export default async function RootLayout({
+ children,
}: Readonly<{
- children: React.ReactNode;
+ children: React.ReactNode;
}>) {
- return (
-
-
- Enter OTP
+ +Loading...
; + } + + if (status === "unauthenticated") { + router.push("/"); // Redirect to login if unauthenticated + return null; + } + + return ( +
+
+ );
+}
diff --git a/src/app/profile/profile.module.css b/src/app/profile/profile.module.css
new file mode 100644
index 0000000..4462a4e
--- /dev/null
+++ b/src/app/profile/profile.module.css
@@ -0,0 +1,37 @@
+.profile-container {
+ max-width: 600px;
+ margin: 0 auto;
+ padding: 20px;
+ text-align: center;
+}
+
+.profile-heading {
+ font-size: 2rem;
+ margin-bottom: 20px;
+}
+
+.profile-details {
+ margin-bottom: 20px;
+}
+
+.profile-avatar {
+ width: 100px;
+ height: 100px;
+ border-radius: 50%;
+ object-fit: cover;
+ margin-bottom: 10px;
+}
+
+.logout-button {
+ background-color: #ff5a5a;
+ color: white;
+ border: none;
+ padding: 10px 20px;
+ border-radius: 5px;
+ cursor: pointer;
+ font-size: 1rem;
+}
+
+.logout-button:hover {
+ background-color: #ff2a2a;
+}
diff --git a/src/auth.config.ts b/src/auth.config.ts
new file mode 100644
index 0000000..4d8e1c5
--- /dev/null
+++ b/src/auth.config.ts
@@ -0,0 +1,48 @@
+import Credentials from "next-auth/providers/credentials";
+import type { NextAuthConfig } from "next-auth";
+
+import { ZodError } from "zod";
+import { compare } from "bcryptjs";
+import { loginSchema } from "./lib/zod";
+import { db } from "./lib/drizzle";
+export default {
+ providers: [
+ Credentials({
+ name: "credentials",
+ credentials: {
+ loginIdentifier: { type: "text" },
+ password: { label: "password", type: "password" },
+ },
+ authorize: async (credentials) => {
+ try {
+ const { loginIdentifier, password } = await loginSchema.parseAsync(
+ credentials
+ );
+
+ // logic to verify if the user exists
+ const user = await db.query.users.findFirst({
+ where: (users, { eq, or }) => or(eq(users.email, loginIdentifier), eq(users.username, loginIdentifier)),
+ })
+
+
+ if (!user) {
+ console.log("User not found:", loginIdentifier)
+ throw new Error("User not found!");
+ }
+
+ const passwordsMatch = await compare(password, user.password!);
+ if (passwordsMatch) return user;
+
+ else {
+ throw new Error("Password is wrong!");
+ }
+ } catch (error) {
+ if (error instanceof ZodError) {
+ return null;
+ }
+ return null;
+ }
+ },
+ }),
+ ],
+} satisfies NextAuthConfig;
\ No newline at end of file
diff --git a/src/auth.ts b/src/auth.ts
new file mode 100644
index 0000000..0ef73d0
--- /dev/null
+++ b/src/auth.ts
@@ -0,0 +1,43 @@
+import NextAuth from "next-auth"
+import { DrizzleAdapter } from "@auth/drizzle-adapter"
+import { db } from "./lib/drizzle"
+import { accounts, sessions, users, verificationTokens } from "./lib/schema"
+import authConfig from "./auth.config"
+
+
+export const { handlers, auth, signIn, signOut } = NextAuth({
+ adapter: DrizzleAdapter(db, {
+ usersTable: users,
+ accountsTable: accounts,
+ sessionsTable: sessions,
+ verificationTokensTable: verificationTokens,
+ }),
+ callbacks: {
+ async jwt({ token }) {
+ if (!token.sub) return token;
+ const user = await db.query.users.findFirst({
+ where: (users, { eq }) => eq(users.id, token.sub!)
+ })
+
+ if (!user) return token;
+ // User is available during sign-in
+ token.id = user.id;
+ token.emailVerified = user.emailVerified;
+
+ return token;
+ },
+ session({ session, token }) {
+ session.user.id = token.id as string;
+ session.user.emailVerified = token.emailVerified as Date;
+
+ return session;
+ },
+
+
+ }
+ ,
+
+ debug: process.env.NODE_ENV === "development",
+ session: { strategy: "jwt" },
+ ...authConfig,
+})
\ No newline at end of file
diff --git a/src/components/ui/Navbar.tsx b/src/components/ui/Navbar.tsx
index 6839e98..ca9e16f 100644
--- a/src/components/ui/Navbar.tsx
+++ b/src/components/ui/Navbar.tsx
@@ -1,18 +1,44 @@
+"use client";
import Link from "next/link";
import styles from "./navbar.module.css";
+import { useSession } from "next-auth/react";
+import { useRouter } from "next/navigation";
export default function Navbar() {
- return (<>
- User Profile
+
+ 
+
+
+ + Name: {session?.user?.name || "N/A"} +
++ Email: {session?.user?.email || "N/A"} +
+
-
+ const session = useSession();
+ const router = useRouter();
+
+ const handleAvatarClick = () => {
+ router.push("/profile");
+ };
+ return (
+ <>
+ ().notNull(),
+ provider: text("provider").notNull(),
+ providerAccountId: text("providerAccountId").notNull(),
+ refresh_token: text("refresh_token"),
+ access_token: text("access_token"),
+ expires_at: integer("expires_at"),
+ token_type: text("token_type"),
+ scope: text("scope"),
+ id_token: text("id_token"),
+ session_state: text("session_state"),
+ },
+ (account) => ({
+ compoundKey: primaryKey({
+ columns: [account.provider, account.providerAccountId],
+ }),
+ })
+)
+
+export const sessions = pgTable("session", {
+ sessionToken: text("sessionToken").primaryKey(),
+ userId: text("userId")
+ .notNull()
+ .references(() => users.id, { onDelete: "cascade" }),
+ expires: timestamp("expires", { mode: "date" }).notNull(),
+})
+
+export const verificationTokens = pgTable(
+ "verificationToken",
+ {
+ identifier: text("identifier").notNull(),
+ token: text("token").notNull(),
+ expires: timestamp("expires", { mode: "date" }).notNull(),
+ },
+ (verificationToken) => ({
+ compositePk: primaryKey({
+ columns: [verificationToken.identifier, verificationToken.token],
+ }),
+ })
+)
+
+
+export const otps = pgTable("otp", {
+ userId: text("userId")
+ .notNull()
+ .references(() => users.id, { onDelete: "cascade" }),
+ otp: text("otp").notNull(),
+ createdAt: timestamp("createdAt", { mode: "date" }).notNull(),
+ expiresAt: timestamp("expiresAt", { mode: "date" }).notNull(),
+ isUsed: boolean("isUsed").notNull().default(false),
+}, (otp) => ({
+ primaryKey: primaryKey({ columns: [otp.userId, otp.createdAt] }),
+}));
\ No newline at end of file
diff --git a/src/lib/templates/otp-template.ts b/src/lib/templates/otp-template.ts
new file mode 100644
index 0000000..9d23152
--- /dev/null
+++ b/src/lib/templates/otp-template.ts
@@ -0,0 +1,65 @@
+const otpEmailTemplate = (name: string, otp: string) => `
+
+
+
+
+
+ OTP from Uttarakhand Culture
+
+
+
+
+
+
+
+
+
+ );
}
diff --git a/src/components/ui/navbar.module.css b/src/components/ui/navbar.module.css
index 09e190c..8718104 100644
--- a/src/components/ui/navbar.module.css
+++ b/src/components/ui/navbar.module.css
@@ -1,80 +1,98 @@
-.navbar-container{
- width: 100%;
- backdrop-filter: blur(10px);
- z-index: 100;
- position: fixed;
- display: flex;
- justify-content: center;
+.navbar-container {
+ width: 100%;
+ backdrop-filter: blur(10px);
+ z-index: 100;
+ position: fixed;
+ display: flex;
+ justify-content: center;
+}
+.avatar-container {
+ display: flex;
+ align-items: center;
+}
+
+.avatar {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ object-fit: cover;
}
.navbar {
- width: 95%;
- height: 4rem;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- padding: 22px 0 20px 0;
- border-bottom: 1px solid #E1E4E8;
+ width: 95%;
+ height: 4rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ padding: 22px 0 20px 0;
+ border-bottom: 1px solid #e1e4e8;
}
-.fade-navbar-effect{
- width: 100%;
- height: 4rem;
- margin-top: 3rem;
- backdrop-filter: blur(10px);
- z-index: 1;
- position: fixed;
- /*background-image: linear-gradient(294deg, rgb(59, 61, 65) 0%, rgba(255, 0, 0, 0.8) 108.834%);*/
- -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.2) 100%, rgba(0, 0, 0, 0) 100%);
- mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.2) 90%, rgba(0, 0, 0, 0) 100%);
- backdrop-filter: blur(10px);
+.fade-navbar-effect {
+ width: 100%;
+ height: 4rem;
+ margin-top: 3rem;
+ backdrop-filter: blur(10px);
+ z-index: 1;
+ position: fixed;
+ /*background-image: linear-gradient(294deg, rgb(59, 61, 65) 0%, rgba(255, 0, 0, 0.8) 108.834%);*/
+ -webkit-mask-image: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 1) 0%,
+ rgba(0, 0, 0, 0.2) 100%,
+ rgba(0, 0, 0, 0) 100%
+ );
+ mask-image: linear-gradient(
+ to bottom,
+ rgba(0, 0, 0, 1) 0%,
+ rgba(0, 0, 0, 0.2) 90%,
+ rgba(0, 0, 0, 0) 100%
+ );
+ backdrop-filter: blur(10px);
}
-.empty-navbar{
- margin-top: 2rem;
- height: 4rem;
- width: 95%;
+.empty-navbar {
+ margin-top: 2rem;
+ height: 4rem;
+ width: 95%;
}
-
.title {
- font-size: 14px;
- color: rgb(59, 61, 65);
- letter-spacing: 0.03em;
- font-weight: 650;
- filter: drop-shadow(0 0 0.80rem #A0A5AC);
- text-transform: uppercase;
- margin: 0;
+ font-size: 14px;
+ color: rgb(59, 61, 65);
+ letter-spacing: 0.03em;
+ font-weight: 650;
+ filter: drop-shadow(0 0 0.8rem #a0a5ac);
+ text-transform: uppercase;
+ margin: 0;
}
.heading {
- text-decoration: none;
+ text-decoration: none;
}
.link {
- font-size: 14px;
- color: rgb(59, 61, 65);
- letter-spacing: -0.01em;
- font-weight: 650;
- filter: drop-shadow(0 0 0.80rem #A0A5AC);
- text-transform: uppercase;
- text-decoration: none;
+ font-size: 14px;
+ color: rgb(59, 61, 65);
+ letter-spacing: -0.01em;
+ font-weight: 650;
+ filter: drop-shadow(0 0 0.8rem #a0a5ac);
+ text-transform: uppercase;
+ text-decoration: none;
}
/* Hover Effects */
-.title:hover, .link:hover {
- cursor: pointer;
- color: rgb(0, 0, 0);
+.title:hover,
+.link:hover {
+ cursor: pointer;
+ color: rgb(0, 0, 0);
}
-
-
/* Mobile */
@media (max-width: 700px) {
-
}
/* Tablet and Smaller Desktop */
@media (min-width: 701px) and (max-width: 1120px) {
- .navbar {
- width: 93%;
- }
+ .navbar {
+ width: 93%;
+ }
}
diff --git a/src/lib/drizzle.ts b/src/lib/drizzle.ts
new file mode 100644
index 0000000..ac45f98
--- /dev/null
+++ b/src/lib/drizzle.ts
@@ -0,0 +1,10 @@
+
+import { drizzle } from 'drizzle-orm/neon-http';
+import * as schema from '@/lib/schema'
+import { neon } from '@neondatabase/serverless';
+
+const connectionString = process.env.DATABASE_URL!;
+
+const pool = neon(connectionString)
+
+export const db = drizzle(pool, { schema })
\ No newline at end of file
diff --git a/src/lib/mailer.ts b/src/lib/mailer.ts
new file mode 100644
index 0000000..8029bf7
--- /dev/null
+++ b/src/lib/mailer.ts
@@ -0,0 +1,15 @@
+import nodemailer from 'nodemailer';
+
+
+
+const mailer = nodemailer.createTransport({
+ host: process.env.MAIL_SERVER_HOST as string,
+ port: 587,
+ secure: false, // Use `true` for port 465, `false` for all other ports
+ auth: {
+ user: process.env.MAIL_SERVER_USER,
+ pass: process.env.MAIL_SERVER_PASS,
+ }
+});
+
+export default mailer;
\ No newline at end of file
diff --git a/src/lib/schema.ts b/src/lib/schema.ts
new file mode 100644
index 0000000..40d9225
--- /dev/null
+++ b/src/lib/schema.ts
@@ -0,0 +1,82 @@
+import {
+ boolean,
+ timestamp,
+ pgTable,
+ text,
+ primaryKey,
+ integer,
+} from "drizzle-orm/pg-core"
+import type { AdapterAccountType } from "next-auth/adapters"
+
+
+export const users = pgTable("user", {
+ id: text("id")
+ .primaryKey()
+ .$defaultFn(() => crypto.randomUUID()),
+ name: text("name"),
+ email: text("email").unique(),
+ username: text("username").unique(),
+ password: text("password"),
+ alerts: boolean("alerts"),
+ emailVerified: timestamp("emailVerified", { mode: "date" }),
+ image: text("image"),
+})
+
+export const accounts = pgTable(
+ "account",
+ {
+ userId: text("userId")
+ .notNull()
+ .references(() => users.id, { onDelete: "cascade" }),
+ type: text("type").$type
+
+
+
+`;
+
+export default otpEmailTemplate;
diff --git a/src/lib/zod.ts b/src/lib/zod.ts
new file mode 100644
index 0000000..ef9dfba
--- /dev/null
+++ b/src/lib/zod.ts
@@ -0,0 +1,41 @@
+import { object, string, z } from "zod";
+
+
+const passwordRegex =
+ /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
+
+export const loginSchema = z.object({
+ loginIdentifier: z.string().min(1, "Email or Username is required"),
+ password: z
+ .string()
+ .min(8, "Password must be at least 8 characters long")
+ .regex(
+ passwordRegex,
+ "Password must be include at least one uppercase letter, one lowercase letter, one number, and one special character."
+ ),
+});
+
+export const signupSchema = z
+ .object({
+ username: z.string().min(1, "Username is required"),
+ name: z.string().min(1, "Name is required"),
+ email: z.string().email("Invalid email format"),
+ password: z
+ .string()
+ .min(8, "Password must be at least 8 characters long")
+ .regex(
+ passwordRegex,
+ "Password must be include at least one uppercase letter, one lowercase letter, one number, and one special character."
+ ),
+ confirmPassword: z.string().min(8, "Confirm Password is required"),
+ alerts: z.boolean().default(true),
+ })
+ .superRefine(({ password, confirmPassword }, ctx) => {
+ if (confirmPassword !== password) {
+ ctx.addIssue({
+ code: "custom",
+ message: "The passwords did not match",
+ path: ["confirmPassword"],
+ });
+ }
+ });
\ No newline at end of file
diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 0000000..eb29563
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,57 @@
+import NextAuth from "next-auth";
+
+import authConfig from "./auth.config";
+import {
+ DEFAULT_LOGIN_REDIRECT,
+ apiAuthPrefix,
+ authRoutes,
+ publicRoutes,
+} from "@/routes";
+import { NextResponse } from "next/server";
+
+const { auth } = NextAuth(authConfig);
+
+export default auth((req) => {
+ const { nextUrl } = req;
+ const isLoggedIn = !!req.auth;
+
+ const isApiAuthRoute = nextUrl.pathname.startsWith(apiAuthPrefix);
+ const isPublicRoute = publicRoutes.includes(nextUrl.pathname);
+ const isAuthRoute = authRoutes.includes(nextUrl.pathname);
+ const headers = new Headers(req.headers);
+ headers.set("x-current-path", req.nextUrl.pathname);
+
+
+
+ if (isApiAuthRoute) {
+ return;
+ }
+
+ if (isAuthRoute) {
+ if (isLoggedIn) {
+ const callbackUrl = nextUrl.searchParams.get("CallbackUrl") || DEFAULT_LOGIN_REDIRECT;
+ return Response.redirect(new URL(callbackUrl, nextUrl));
+ }
+ return NextResponse.next({ headers });
+ }
+
+ if (!isLoggedIn && !isPublicRoute) {
+ let callbackUrl = nextUrl.pathname;
+ if (nextUrl.search) {
+ callbackUrl += nextUrl.search;
+ }
+ const encodedCallbackUrl = encodeURIComponent(callbackUrl);
+
+
+ return Response.redirect(
+ new URL(`/auth?callbackUrl=${encodedCallbackUrl}`, nextUrl)
+ );
+ }
+
+ return NextResponse.next({ headers });
+});
+
+// Optionally, don't invoke Middleware on some paths
+export const config = {
+ matcher: ["/((?!.+\\.[\\w]+$|_next).*)", "/(api|trpc)(.*)"],
+};
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
new file mode 100644
index 0000000..e036613
--- /dev/null
+++ b/src/routes.ts
@@ -0,0 +1,26 @@
+/**
+ * An array of routes that are accessible to the public
+ * These routes do not require authentication
+ * @type {string[]}
+ */
+export const publicRoutes: string[] = ["/", "/explore", "/language", "/trekking", "/map"];
+
+/**
+ * An array of routes that are used for authentication
+ * These routes will redirect logged in users to /settings
+ * @type {string[]}
+ */
+export const authRoutes: string[] = ["/auth"];
+
+/**
+ * The prefix for API authentication routes
+ * Routes that start with this prefix are used for API authentication purposes
+ * @type {string}
+ */
+export const apiAuthPrefix: string = "/api/auth";
+
+/**
+ * The default redirect path after logging in
+ * @type {string}
+ */
+export const DEFAULT_LOGIN_REDIRECT: string = "/";
\ No newline at end of file
+
+
+ Hi ${name}, + Here is your OTP to verify your email. +
+
+ ${otp}
+
+ Thank you!
+