diff --git a/.env.example b/.env.example
index 7f47ba24..4afeb922 100644
--- a/.env.example
+++ b/.env.example
@@ -24,6 +24,9 @@ GITHUB_SECRET=
 NEXT_PUBLIC_DISCORD_WEBHOOK_URL =
 JOB_BOARD_AUTH_SECRET=
 
+FETCHER_URL=
+VIZOLV_SECRET=
+DISCORD_REDIRECT_URI=
 
 COHORT3_DISCORD_ACCESS_KEY = 
 COHORT3_DISCORD_ACCESS_SECRET = 
diff --git a/next.config.js b/next.config.js
index 82b78e87..7256b669 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,3 +1,5 @@
+// @ts-check
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
diff --git a/package.json b/package.json
index f26aa8e5..08196f17 100644
--- a/package.json
+++ b/package.json
@@ -53,6 +53,7 @@
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-switch": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.0.7",
+    "@t3-oss/env-nextjs": "^0.11.1",
     "@tabler/icons-react": "^3.14.0",
     "@types/bcrypt": "^5.0.2",
     "@types/jsonwebtoken": "^9.0.5",
diff --git a/src/actions/comment/index.ts b/src/actions/comment/index.ts
index df5a95fa..6728e5b2 100644
--- a/src/actions/comment/index.ts
+++ b/src/actions/comment/index.ts
@@ -26,6 +26,7 @@ import { createSafeAction } from '@/lib/create-safe-action';
 import { CommentType, Prisma } from '@prisma/client';
 import { revalidatePath } from 'next/cache';
 import { ROLES } from '../types';
+import { env } from '@/env';
 
 export const getComments = async (
   q: Prisma.CommentFindManyArgs,
@@ -273,7 +274,7 @@ const updateCommentHandler = async (
       content: content ?? existingComment.content,
       approved: existingComment.approved,
     };
-    if (adminPassword === process.env.ADMIN_SECRET) {
+    if (adminPassword === env.ADMIN_SECRET) {
       updObj.approved = approved ?? existingComment.approved;
     }
     const updatedComment = await prisma.comment.update({
@@ -295,7 +296,7 @@ const approveIntroCommentHandler = async (
   const { content_comment_ids, approved, adminPassword, currentPath } = data;
 
   if (adminPassword) {
-    if (adminPassword !== process.env.ADMIN_SECRET) {
+    if (adminPassword !== env.ADMIN_SECRET) {
       return { error: 'Unauthorized' };
     }
   } else if (!session || !session.user || session.user.role !== ROLES.ADMIN) {
diff --git a/src/actions/event-actions/index.ts b/src/actions/event-actions/index.ts
index 45597822..818abb97 100644
--- a/src/actions/event-actions/index.ts
+++ b/src/actions/event-actions/index.ts
@@ -1,6 +1,7 @@
 'use server';
 
 import prisma from '@/db';
+import { env } from '@/env';
 import { authOptions } from '@/lib/auth';
 import { Event } from '@prisma/client';
 import { getServerSession } from 'next-auth';
@@ -9,7 +10,7 @@ import { revalidatePath } from 'next/cache';
 
 async function isAdmin() {
   const session = await getServerSession(authOptions);
-  const adminEmails = process.env.ADMINS?.split(',') || [];
+  const adminEmails = env.ADMINS?.split(',') || [];
   return session?.user?.email && adminEmails.includes(session.user.email);
 }
 
diff --git a/src/actions/refresh-db/index.ts b/src/actions/refresh-db/index.ts
index 3404999e..81fa7bbd 100644
--- a/src/actions/refresh-db/index.ts
+++ b/src/actions/refresh-db/index.ts
@@ -2,6 +2,7 @@
 import db from '@/db';
 import { cache } from '@/db/Cache';
 import { getAllCourses } from '@/db/course';
+import { env } from '@/env';
 import { authOptions } from '@/lib/auth';
 import { APPX_COURSE_IDS } from '@/utiles/appx';
 import { checkUserEmailForPurchase } from '@/utiles/appx-check-mail';
@@ -28,7 +29,7 @@ export async function refreshDbInternal(userId?: string, email?: string) {
     };
   }
 
-  if (process.env.LOCAL_CMS_PROVIDER) {
+  if (env.LOCAL_CMS_PROVIDER) {
     return { error: false, message: 'Refetched Courses' };
   }
 
diff --git a/src/actions/user/index.ts b/src/actions/user/index.ts
index d85f351e..d8568ffb 100644
--- a/src/actions/user/index.ts
+++ b/src/actions/user/index.ts
@@ -1,8 +1,9 @@
 'use server';
 import db from '@/db';
+import { env } from '@/env';
 
 export const logoutUser = async (email: string, adminPassword: string) => {
-  if (adminPassword !== process.env.ADMIN_SECRET) {
+  if (adminPassword !== env.ADMIN_SECRET) {
     return { error: 'Unauthorized' };
   }
 
diff --git a/src/app/admin/add-course/page.tsx b/src/app/admin/add-course/page.tsx
index dace4c5a..d4b6d560 100644
--- a/src/app/admin/add-course/page.tsx
+++ b/src/app/admin/add-course/page.tsx
@@ -1,12 +1,7 @@
 'use client';
 
 import { Button } from '@/components/ui/button';
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-} from '@/components/ui/card';
+import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
 import {
   Form,
   FormControl,
@@ -29,7 +24,7 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "@/components/ui/accordion";
+} from '@/components/ui/accordion';
 import { Cuboid, PackagePlus } from 'lucide-react';
 import { FaDiscord } from 'react-icons/fa';
 
@@ -86,24 +81,32 @@ export default function Courses() {
 
   return (
     <div className="wrapper my-16 flex flex-col gap-4">
-
-      <section className='flex gap-2 border-2 p-4 bg-primary/5 rounded-lg my-4 items-center'>
+      <section className="my-4 flex items-center gap-2 rounded-lg border-2 bg-primary/5 p-4">
         <Cuboid size={18} />
-        <h2 className='text-md font-bold'>View Content</h2>
+        <h2 className="text-md font-bold">View Content</h2>
       </section>
 
-      <Accordion defaultValue='add-new-course' className='border-2 p-4 rounded-2xl' type="single" collapsible>
+      <Accordion
+        defaultValue="add-new-course"
+        className="rounded-2xl border-2 p-4"
+        type="single"
+        collapsible
+      >
         <AccordionItem value="add-new-course">
-          <AccordionTrigger className='p-6 text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
-              <PackagePlus size={40} />New course
+          <AccordionTrigger className="p-6 text-2xl font-bold">
+            <div className="flex flex-col gap-4">
+              <PackagePlus size={40} />
+              New course
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <div className='w-full grid grid-cols-1 lg:grid-cols-7'>
-              <div className='text-sm font-semibold text-gray-400 col-span-1 lg:col-span-2 p-6'>Create new course for 100xdevs community and let user explore new courses</div>
-              <div className='col-span-1 lg:col-span-5 p-4'>
-                <Card className='bg-background border-2'>
+            <div className="grid w-full grid-cols-1 lg:grid-cols-7">
+              <div className="col-span-1 p-6 text-sm font-semibold text-gray-400 lg:col-span-2">
+                Create new course for 100xdevs community and let user explore
+                new courses
+              </div>
+              <div className="col-span-1 p-4 lg:col-span-5">
+                <Card className="border-2 bg-background">
                   <CardHeader>
                     {/* <CardTitle>Create a new course</CardTitle> */}
                     <CardTitle>Fill in the course details below</CardTitle>
@@ -121,7 +124,11 @@ export default function Courses() {
                             <FormItem>
                               <FormLabel>Title</FormLabel>
                               <FormControl>
-                                <Input className='h-12 px-3' placeholder="Enter the Course name" {...field} />
+                                <Input
+                                  className="h-12 px-3"
+                                  placeholder="Enter the Course name"
+                                  {...field}
+                                />
                               </FormControl>
                               <FormMessage />
                             </FormItem>
@@ -134,7 +141,11 @@ export default function Courses() {
                             <FormItem>
                               <FormLabel>Image url</FormLabel>
                               <FormControl>
-                                <Input className='h-12 px-3' placeholder="Enter the url of Image" {...field} />
+                                <Input
+                                  className="h-12 px-3"
+                                  placeholder="Enter the url of Image"
+                                  {...field}
+                                />
                               </FormControl>
                               <FormMessage />
                             </FormItem>
@@ -144,11 +155,12 @@ export default function Courses() {
                           control={form.control}
                           name="description"
                           render={({ field }: { field: any }) => (
-                            <FormItem className='col-span-1 lg:col-span-2'>
+                            <FormItem className="col-span-1 lg:col-span-2">
                               <FormLabel>Description</FormLabel>
                               <FormControl>
                                 <Textarea
-                                  className='h-12 px-3' placeholder="Enter the Description of course"
+                                  className="h-12 px-3"
+                                  placeholder="Enter the Description of course"
                                   {...field}
                                 />
                               </FormControl>
@@ -163,7 +175,11 @@ export default function Courses() {
                             <FormItem>
                               <FormLabel>Slug</FormLabel>
                               <FormControl>
-                                <Input className='h-12 px-3' placeholder="Enter the Course slug" {...field} />
+                                <Input
+                                  className="h-12 px-3"
+                                  placeholder="Enter the Course slug"
+                                  {...field}
+                                />
                               </FormControl>
                               <FormMessage />
                             </FormItem>
@@ -176,7 +192,11 @@ export default function Courses() {
                             <FormItem>
                               <FormLabel>Id</FormLabel>
                               <FormControl>
-                                <Input className='h-12 px-3' placeholder="Enter the Course ID" {...field} />
+                                <Input
+                                  className="h-12 px-3"
+                                  placeholder="Enter the Course ID"
+                                  {...field}
+                                />
                               </FormControl>
                               <FormMessage />
                             </FormItem>
@@ -189,7 +209,11 @@ export default function Courses() {
                             <FormItem>
                               <FormLabel>Admin Secret</FormLabel>
                               <FormControl>
-                                <Input className='h-12 px-3' placeholder="Enter the Admin Secret" {...field} />
+                                <Input
+                                  className="h-12 px-3"
+                                  placeholder="Enter the Admin Secret"
+                                  {...field}
+                                />
                               </FormControl>
                               <FormMessage />
                             </FormItem>
@@ -203,7 +227,8 @@ export default function Courses() {
                               <FormLabel>app x course id</FormLabel>
                               <FormControl>
                                 <Input
-                                  className='h-12 px-3' placeholder="Enter the appx course ID"
+                                  className="h-12 px-3"
+                                  placeholder="Enter the appx course ID"
                                   {...field}
                                 />
                               </FormControl>
@@ -231,7 +256,9 @@ export default function Courses() {
                           {isLoading ? (
                             <Button>Loading...</Button>
                           ) : (
-                            <Button className='w-[20%]' type="submit">Create</Button>
+                            <Button className="w-[20%]" type="submit">
+                              Create
+                            </Button>
                           )}
                         </div>
                       </form>
@@ -243,24 +270,28 @@ export default function Courses() {
           </AccordionContent>
         </AccordionItem>
 
-        <AccordionItem className='border-none' value="discord-config">
-          <AccordionTrigger className='p-6 text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
-              <FaDiscord className='text-5xl' /> Discord Config
+        <AccordionItem className="border-none" value="discord-config">
+          <AccordionTrigger className="p-6 text-2xl font-bold">
+            <div className="flex flex-col gap-4">
+              <FaDiscord className="text-5xl" /> Discord Config
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <div className='w-full grid grid-cols-1 lg:grid-cols-7'>
-              <div className='text-sm font-semibold text-gray-400col-span-1 lg:col-span-2 p-6'>Mangae discord configuration for the users</div>
-              <div className='col-span-1 lg:col-span-5 p-4'>
-                <Card className='bg-background'>
+            <div className="grid w-full grid-cols-1 lg:grid-cols-7">
+              <div className="text-gray-400col-span-1 p-6 text-sm font-semibold lg:col-span-2">
+                Mangae discord configuration for the users
+              </div>
+              <div className="col-span-1 p-4 lg:col-span-5">
+                <Card className="bg-background">
                   <CardHeader>
                     <CardTitle>Discord</CardTitle>
                   </CardHeader>
                   <CardContent className="flex flex-col gap-5 lg:flex-row">
-                    <Card className="mx-auto border-2 bg-background w-full max-w-3xl overflow-y-auto">
+                    <Card className="mx-auto w-full max-w-3xl overflow-y-auto border-2 bg-background">
                       <CardHeader>
-                        <CardTitle>Allow user another account in cohort 3</CardTitle>
+                        <CardTitle>
+                          Allow user another account in cohort 3
+                        </CardTitle>
                       </CardHeader>
                       <CardContent className="grid gap-4 p-4 pt-0">
                         <Input
@@ -280,10 +311,13 @@ export default function Courses() {
                         <Button
                           onClick={async () => {
                             try {
-                              const res = await axios.post('/api/admin/discordReset', {
-                                email,
-                                adminPassword,
-                              });
+                              const res = await axios.post(
+                                '/api/admin/discordReset',
+                                {
+                                  email,
+                                  adminPassword,
+                                },
+                              );
                               toast(JSON.stringify(res.data.data));
                             } catch (error) {
                               //@ts-ignore
@@ -295,9 +329,11 @@ export default function Courses() {
                         </Button>
                       </CardContent>
                     </Card>
-                    <Card className="mx-auto border-2 bg-background w-full max-w-3xl overflow-y-auto">
+                    <Card className="mx-auto w-full max-w-3xl overflow-y-auto border-2 bg-background">
                       <CardHeader>
-                        <CardTitle>Get users discord username in cohort 3</CardTitle>
+                        <CardTitle>
+                          Get users discord username in cohort 3
+                        </CardTitle>
                       </CardHeader>
                       <CardContent className="grid gap-4 p-4 pt-0">
                         <Input
@@ -340,9 +376,7 @@ export default function Courses() {
             </div>
           </AccordionContent>
         </AccordionItem>
-
       </Accordion>
-
     </div>
   );
 }
diff --git a/src/app/admin/comment/ApproveComment.tsx b/src/app/admin/comment/ApproveComment.tsx
index 23f7c40a..4a36bb9e 100644
--- a/src/app/admin/comment/ApproveComment.tsx
+++ b/src/app/admin/comment/ApproveComment.tsx
@@ -12,7 +12,7 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "@/components/ui/accordion";
+} from '@/components/ui/accordion';
 import { ShieldCheck } from 'lucide-react';
 
 const ApproveComment = () => {
@@ -40,29 +40,37 @@ const ApproveComment = () => {
     });
   };
   return (
-    <div className='w-full h-full'>
-      <Accordion defaultValue='approve-comment' className='border-2 p-4 rounded-2xl' type="single" collapsible>
-        <AccordionItem className='border-none' value="approve-comment">
-          <AccordionTrigger className='p-6 text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
+    <div className="h-full w-full">
+      <Accordion
+        defaultValue="approve-comment"
+        className="rounded-2xl border-2 p-4"
+        type="single"
+        collapsible
+      >
+        <AccordionItem className="border-none" value="approve-comment">
+          <AccordionTrigger className="p-6 text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col gap-4">
               <ShieldCheck size={40} /> Approve Comment
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <form className='w-full h-full' onSubmit={handleApprove} ref={formRef}>
-              <div className="grid w-full grid-cols-1 lg:grid-cols-7 p-2 gap-2 rounded-lg border-gray-200 shadow-sm dark:border-gray-800">
-                <div className="col-span-1 lg:col-span-3 flex flex-col gap-2  p-4">
+            <form
+              className="h-full w-full"
+              onSubmit={handleApprove}
+              ref={formRef}
+            >
+              <div className="grid w-full grid-cols-1 gap-2 rounded-lg border-gray-200 p-2 shadow-sm dark:border-gray-800 lg:grid-cols-7">
+                <div className="col-span-1 flex flex-col gap-2 p-4 lg:col-span-3">
                   <div className="text-sm font-medium leading-none text-gray-500 dark:text-gray-400">
                     Enter the information below to approve the comment
                   </div>
                 </div>
 
-                <aside className='col-span-1 flex flex-col gap-6 p-4 lg:col-span-4 '>
-
+                <aside className="col-span-1 flex flex-col gap-6 p-4 lg:col-span-4">
                   <div className="flex items-center">
                     <Label className="sr-only">Comment ID</Label>
                     <Input
-                      className="w-full h-14 px-2"
+                      className="h-14 w-full px-2"
                       id="commentId"
                       name="commentId"
                       placeholder="Content ID; Comment ID"
@@ -75,7 +83,7 @@ const ApproveComment = () => {
                   <div className="flex items-center">
                     <Label className="sr-only">Admin password</Label>
                     <Input
-                      className="w-full h-14 px-2"
+                      className="h-14 w-full px-2"
                       id="adminPassword"
                       name="adminPassword"
                       placeholder="Admin password"
@@ -89,16 +97,13 @@ const ApproveComment = () => {
                   <div className="">
                     <Button className="w-full lg:w-[20%]">Approve</Button>
                   </div>
-
                 </aside>
-
               </div>
             </form>
           </AccordionContent>
         </AccordionItem>
       </Accordion>
     </div>
-
   );
 };
 
diff --git a/src/app/admin/comment/page.tsx b/src/app/admin/comment/page.tsx
index bdb8a652..6c994094 100644
--- a/src/app/admin/comment/page.tsx
+++ b/src/app/admin/comment/page.tsx
@@ -4,10 +4,10 @@ import { MessageSquare } from 'lucide-react';
 
 const CommentAdminPage = () => {
   return (
-    <div className="flex h-[100dvh] gap-4 flex-col px-4 max-w-7xl mx-auto justify-center">
-      <section className='flex gap-2 border-2 p-4 bg-primary/5 rounded-lg my-4 items-center'>
-        <MessageSquare size={18}/>
-        <h2 className='text-md font-bold'>Comments Mangement</h2>
+    <div className="mx-auto flex h-[100dvh] max-w-7xl flex-col justify-center gap-4 px-4">
+      <section className="my-4 flex items-center gap-2 rounded-lg border-2 bg-primary/5 p-4">
+        <MessageSquare size={18} />
+        <h2 className="text-md font-bold">Comments Mangement</h2>
       </section>
       <ApproveComment />
     </div>
diff --git a/src/app/admin/content/[courseId]/[...moduleId]/page.tsx b/src/app/admin/content/[courseId]/[...moduleId]/page.tsx
index 1f3a8ee4..f86be0af 100644
--- a/src/app/admin/content/[courseId]/[...moduleId]/page.tsx
+++ b/src/app/admin/content/[courseId]/[...moduleId]/page.tsx
@@ -42,7 +42,7 @@ export default async function UpdateCourseContent({
 
   return (
     <main className="wrapper flex max-w-screen-xl flex-col gap-28">
-      <div className="flex w-full flex-col rounded-lg bg-primary/5 p-4 border-2 justify-between gap-2">
+      <div className="flex w-full flex-col justify-between gap-2 rounded-lg border-2 bg-primary/5 p-4">
         <h1 className="text-3xl font-bold md:text-4xl">Content</h1>
         <p className="text-xl capitalize">{course?.title}</p>
       </div>
diff --git a/src/app/admin/content/[courseId]/page.tsx b/src/app/admin/content/[courseId]/page.tsx
index 4490c1d0..a3ce253b 100644
--- a/src/app/admin/content/[courseId]/page.tsx
+++ b/src/app/admin/content/[courseId]/page.tsx
@@ -38,9 +38,9 @@ export default async function UpdateCourseContent({
 
   return (
     <main className="wrapper flex max-w-screen-xl flex-col gap-28">
-      <div className="flex w-full rounded-lg bg-primary/5 border-2 p-4 flex-col justify-between gap-2">
+      <div className="flex w-full flex-col justify-between gap-2 rounded-lg border-2 bg-primary/5 p-4">
         <h1 className="text-2xl font-bold md:text-4xl">Content</h1>
-        <p className="text-lg  capitalize">{course?.title}</p>
+        <p className="text-lg capitalize">{course?.title}</p>
       </div>
 
       <AddContent
diff --git a/src/app/admin/discord/page.tsx b/src/app/admin/discord/page.tsx
index 71e29681..bd7b2452 100644
--- a/src/app/admin/discord/page.tsx
+++ b/src/app/admin/discord/page.tsx
@@ -8,7 +8,7 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "@/components/ui/accordion";
+} from '@/components/ui/accordion';
 import { InfoIcon, RefreshCcw } from 'lucide-react';
 import { FaDiscord } from 'react-icons/fa';
 
@@ -17,33 +17,37 @@ export default function DiscordPage() {
   const [adminSecret, setAdminSecret] = useState('' as any);
   const [userData, setUserData] = useState({} as any);
   return (
-    <div className="flex flex-col w-full max-w-7xl mx-auto justify-around px-4 py-5 gap-6">
-
-      <section className='flex gap-2 border-2 p-4 bg-primary/5 rounded-lg my-4 items-center'>
-        <FaDiscord className='text-3xl' />
-        <h2 className='text-md font-bold'>Discord Configuration</h2>
+    <div className="mx-auto flex w-full max-w-7xl flex-col justify-around gap-6 px-4 py-5">
+      <section className="my-4 flex items-center gap-2 rounded-lg border-2 bg-primary/5 p-4">
+        <FaDiscord className="text-3xl" />
+        <h2 className="text-md font-bold">Discord Configuration</h2>
       </section>
-      
-      <Accordion defaultValue='refresh-permission' className='border-2  w-full rounded-2xl' type="single" collapsible>
-        <AccordionItem className='p-4' value="refresh-permission">
-          <AccordionTrigger className='p-6 text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 items-start flex-col' >
+
+      <Accordion
+        defaultValue="refresh-permission"
+        className="w-full rounded-2xl border-2"
+        type="single"
+        collapsible
+      >
+        <AccordionItem className="p-4" value="refresh-permission">
+          <AccordionTrigger className="p-6 text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col items-start gap-4">
               <RefreshCcw size={40} /> Refresh Discord Permission
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <div className="grid w-full grid-cols-1 lg:grid-cols-7 p-2 gap-2 rounded-lg border-gray-200 shadow-sm dark:border-gray-800">
-              <div className="col-span-1 lg:col-span-3 flex flex-col gap-2 p-4">
+            <div className="grid w-full grid-cols-1 gap-2 rounded-lg border-gray-200 p-2 shadow-sm dark:border-gray-800 lg:grid-cols-7">
+              <div className="col-span-1 flex flex-col gap-2 p-4 lg:col-span-3">
                 <div className="text-md font-medium leading-none text-gray-500 dark:text-gray-400">
-                  User entered discord with wrong email ? Here you can refresh email
+                  User entered discord with wrong email ? Here you can refresh
+                  email
                 </div>
-                <h1 className="text-yellow-500 capitalize">
+                <h1 className="capitalize text-yellow-500">
                   (please delete old user from discord first)
                 </h1>
               </div>
 
-              <aside className='col-span-1 flex flex-col gap-6 p-4 lg:col-span-4 '>
-
+              <aside className="col-span-1 flex flex-col gap-6 p-4 lg:col-span-4">
                 <Input
                   placeholder="Email"
                   className="h-14"
@@ -59,7 +63,7 @@ export default function DiscordPage() {
                   onChange={(e) => setAdminSecret(e.target.value)}
                 />
                 <Button
-                  className="rounded  px-4 py-2 font-bold text-white lg:w-fit w-full"
+                  className="w-full rounded px-4 py-2 font-bold text-white lg:w-fit"
                   onClick={async () => {
                     const response = await fetch('/api/admin/discord/refresh', {
                       method: 'POST',
@@ -79,45 +83,43 @@ export default function DiscordPage() {
                 >
                   Allow user to re-initiate discord
                 </Button>
-
               </aside>
             </div>
           </AccordionContent>
         </AccordionItem>
 
-        <AccordionItem className='border-none p-4' value="get-user-info">
-          <AccordionTrigger className='p-6 text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
+        <AccordionItem className="border-none p-4" value="get-user-info">
+          <AccordionTrigger className="p-6 text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col gap-4">
               <InfoIcon size={40} /> Get User Information
             </div>
           </AccordionTrigger>
           <AccordionContent>
-
-            <div className="grid w-full grid-cols-1 lg:grid-cols-7 p-2 gap-2 rounded-lg border-gray-200 shadow-sm dark:border-gray-800">
-              <div className="col-span-1 lg:col-span-3 flex flex-col gap-2 p-4">
+            <div className="grid w-full grid-cols-1 gap-2 rounded-lg border-gray-200 p-2 shadow-sm dark:border-gray-800 lg:grid-cols-7">
+              <div className="col-span-1 flex flex-col gap-2 p-4 lg:col-span-3">
                 <div className="text-md font-medium leading-none text-gray-500 dark:text-gray-400">
-                  Enter the user email and get user's information just by one click
+                  Enter the user email and get user's information just by one
+                  click
                 </div>
               </div>
 
-              <aside className='col-span-1 flex flex-col gap-6 p-4 lg:col-span-4 '>
-
+              <aside className="col-span-1 flex flex-col gap-6 p-4 lg:col-span-4">
                 <Input
                   placeholder="Email"
-                  className=" h-14 px-2"
+                  className="h-14 px-2"
                   type=" text"
                   onChange={(e) => {
                     setEmail(e.target.value);
                   }}
                 />
                 <Input
-                  className=" h-14 px-2"
+                  className="h-14 px-2"
                   type="text"
                   placeholder="Admin secret"
                   onChange={(e) => setAdminSecret(e.target.value)}
                 />
                 <Button
-                  className="rounded  px-4 py-2 font-bold text-white  lg:w-[20%] w-full"
+                  className="w-full rounded px-4 py-2 font-bold text-white lg:w-[20%]"
                   onClick={async () => {
                     const response = await fetch('/api/admin/discord/', {
                       method: 'POST',
@@ -145,7 +147,6 @@ export default function DiscordPage() {
           </AccordionContent>
         </AccordionItem>
       </Accordion>
-
     </div>
   );
 }
diff --git a/src/app/admin/layout.tsx b/src/app/admin/layout.tsx
index 87e6eefc..2cc68e6b 100644
--- a/src/app/admin/layout.tsx
+++ b/src/app/admin/layout.tsx
@@ -1,3 +1,4 @@
+import { env } from '@/env';
 import { getServerSession } from 'next-auth';
 import { notFound, redirect } from 'next/navigation';
 import React from 'react';
@@ -13,13 +14,21 @@ export default async function AdminLayout({
     return redirect('/signin');
   }
 
-  if (process.env.LOCAL_CMS_PROVIDER) {
-    return <div className="my-[6rem] max-h-full h-[calc(100vh-36px-4rem)]">{children}</div>;
+  if (env.LOCAL_CMS_PROVIDER) {
+    return (
+      <div className="my-[6rem] h-[calc(100vh-36px-4rem)] max-h-full">
+        {children}
+      </div>
+    );
   }
 
-  if (!process.env.ADMINS?.split(',').includes(session.user.email!)) {
+  if (!env.ADMINS?.split(',').includes(session.user.email!)) {
     return notFound();
   }
 
-  return <div className="flex mt-[6rem] max-h-full h-[calc(100vh-36px-4rem)]">{children}</div>;
+  return (
+    <div className="mt-[6rem] flex h-[calc(100vh-36px-4rem)] max-h-full">
+      {children}
+    </div>
+  );
 }
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index ad7da0e3..dd0ba761 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -1,6 +1,13 @@
 'use client';
 import { AnimatePresence, motion } from 'framer-motion';
-import { FileText, Flag, LucideIcon, MessageCircle, PackagePlus, Users } from 'lucide-react';
+import {
+  FileText,
+  Flag,
+  LucideIcon,
+  MessageCircle,
+  PackagePlus,
+  Users,
+} from 'lucide-react';
 import { useSession } from 'next-auth/react';
 import Link from 'next/link';
 import React, { useState } from 'react';
@@ -42,7 +49,7 @@ export default function AdminPage() {
     title: string;
     description: string;
     exploreText: string;
-  }
+  };
 
   const cardsData: CardData[] = [
     {
@@ -89,11 +96,16 @@ export default function AdminPage() {
     },
   ];
 
-  const AdminCard: React.FC<CardData> = ({ href, icon: Icon, title, description, exploreText }) => {
+  const AdminCard: React.FC<CardData> = ({
+    href,
+    icon: Icon,
+    title,
+    description,
+    exploreText,
+  }) => {
     const [isHovered, setIsHovered] = useState(false);
 
     return (
-
       <motion.div
         initial={{ y: 50, opacity: 0, filter: 'blur(10px)' }}
         animate={{ y: 0, opacity: 1, filter: 'blur(0px)' }}
@@ -103,13 +115,13 @@ export default function AdminPage() {
           href={href}
           onMouseEnter={() => setIsHovered(true)}
           onMouseLeave={() => setIsHovered(false)}
-          className='h-[15rem] overflow-hidden relative group cursor-pointer hover:border-blue-500 transition-all duration-200 ease-linear flex flex-col items-center justify-center p-4 rounded-lg border-2 w-full'
+          className="group relative flex h-[15rem] w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg border-2 p-4 transition-all duration-200 ease-linear hover:border-blue-500"
         >
-          <div className='border bg-blue-400 bg-opacity-5 rounded-md w-[4rem] h-[3rem] p-2 flex items-center justify-center'>
-            <Icon className='w-6 h-6' />
+          <div className="flex h-[3rem] w-[4rem] items-center justify-center rounded-md border bg-blue-400 bg-opacity-5 p-2">
+            <Icon className="h-6 w-6" />
           </div>
-          <div className='flex flex-col items-center justify-center mt-4 w-full gap-1'>
-            <h1 className='text-xl font-semibold'>{title}</h1>
+          <div className="mt-4 flex w-full flex-col items-center justify-center gap-1">
+            <h1 className="text-xl font-semibold">{title}</h1>
 
             {isHovered && (
               <AnimatePresence>
@@ -118,7 +130,7 @@ export default function AdminPage() {
                   animate={{ opacity: 1, y: 0 }}
                   exit={{ opacity: 0, y: 20 }}
                   transition={{ duration: 0.3 }}
-                  className='text-sm text-gray-400 transition-all duration-200 ease-linear'
+                  className="text-sm text-gray-400 transition-all duration-200 ease-linear"
                 >
                   {description}
                 </motion.p>
@@ -126,7 +138,7 @@ export default function AdminPage() {
             )}
           </div>
 
-          <div className='w-[80%] transition-all duration-500 ease-linear group-hover:bottom-0 text-center text-xs border-2 py-1 absolute -bottom-[60px] border-b-0 px-4 rounded-tr-lg rounded-tl-lg'>
+          <div className="absolute -bottom-[60px] w-[80%] rounded-tl-lg rounded-tr-lg border-2 border-b-0 px-4 py-1 text-center text-xs transition-all duration-500 ease-linear group-hover:bottom-0">
             {exploreText}
           </div>
         </Link>
@@ -135,17 +147,21 @@ export default function AdminPage() {
   };
 
   return (
-    <main className='max-w-[1280px] flex flex-col gap-6 items-center p-4 min-h-full max-h-fit w-full mx-auto'>
-      <section className='w-full flex flex-col gap-2 text-center text-3xl'>
-        <h1>{greeting}, {user?.name}</h1>
-        <h4 className='text-sm text-gray-500'>Welcome! Explore more from below</h4>
+    <main className="mx-auto flex max-h-fit min-h-full w-full max-w-[1280px] flex-col items-center gap-6 p-4">
+      <section className="flex w-full flex-col gap-2 text-center text-3xl">
+        <h1>
+          {greeting}, {user?.name}
+        </h1>
+        <h4 className="text-sm text-gray-500">
+          Welcome! Explore more from below
+        </h4>
       </section>
 
-      <section className='my-4 w-full grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3'>
+      <section className="my-4 grid w-full grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
         {cardsData.map((card, index) => (
           <AdminCard key={index} {...card} />
         ))}
       </section>
     </main>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/admin/user/LogoutUser.tsx b/src/app/admin/user/LogoutUser.tsx
index a9f8f66e..fe131472 100644
--- a/src/app/admin/user/LogoutUser.tsx
+++ b/src/app/admin/user/LogoutUser.tsx
@@ -10,7 +10,7 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "@/components/ui/accordion";
+} from '@/components/ui/accordion';
 import { LogOut } from 'lucide-react';
 
 const LogoutUserComp = () => {
@@ -26,29 +26,37 @@ const LogoutUserComp = () => {
     toast.info(res.message || res.error);
   };
   return (
-
-    <div className='w-full h-full'>
-      <Accordion defaultValue='approve-comment' className='border-2 p-4 rounded-2xl' type="single" collapsible>
-        <AccordionItem className='border-none' value="approve-comment">
-          <AccordionTrigger className='p-6 text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
+    <div className="h-full w-full">
+      <Accordion
+        defaultValue="approve-comment"
+        className="rounded-2xl border-2 p-4"
+        type="single"
+        collapsible
+      >
+        <AccordionItem className="border-none" value="approve-comment">
+          <AccordionTrigger className="p-6 text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col gap-4">
               <LogOut size={40} /> Logout User
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <form className='w-full h-full' onSubmit={handlLogout} ref={formRef}>
-              <div className="grid w-full grid-cols-1 md:grid-cols-7 rounded-lg  shadow-sm dark:border-gray-800">
-                <div className="col-span-1 lg:col-span-3 grid gap-2 p-6">
+            <form
+              className="h-full w-full"
+              onSubmit={handlLogout}
+              ref={formRef}
+            >
+              <div className="grid w-full grid-cols-1 rounded-lg shadow-sm dark:border-gray-800 md:grid-cols-7">
+                <div className="col-span-1 grid gap-2 p-6 lg:col-span-3">
                   <div className="text-sm font-medium leading-none text-gray-500 dark:text-gray-400">
                     Enter the information below to logout the user
                   </div>
                 </div>
 
-                <aside className='col-span-1 flex flex-col gap-6 lg:col-span-4 w-full'>
+                <aside className="col-span-1 flex w-full flex-col gap-6 lg:col-span-4">
                   <div className="">
                     <Label className="sr-only">EMAIL</Label>
                     <Input
-                      className="w-full h-14 px-2"
+                      className="h-14 w-full px-2"
                       id="email"
                       name="email"
                       placeholder="example@gmail.com"
@@ -60,7 +68,7 @@ const LogoutUserComp = () => {
                   <div className="">
                     <Label className="sr-only">Admin password</Label>
                     <Input
-                      className="w-full h-14 px-2"
+                      className="h-14 w-full px-2"
                       id="adminPassword"
                       name="adminPassword"
                       placeholder="Admin password"
@@ -71,14 +79,12 @@ const LogoutUserComp = () => {
                   </div>
                   <Button className="w-full lg:w-[20%]">Logout</Button>
                 </aside>
-
               </div>
             </form>
           </AccordionContent>
         </AccordionItem>
       </Accordion>
     </div>
-
   );
 };
 
diff --git a/src/app/admin/user/page.tsx b/src/app/admin/user/page.tsx
index 370ea914..19332ab9 100644
--- a/src/app/admin/user/page.tsx
+++ b/src/app/admin/user/page.tsx
@@ -4,10 +4,10 @@ import { UserIcon } from 'lucide-react';
 
 const UserAdminPage = () => {
   return (
-    <div className="flex flex-col gap-4 mx-auto px-4 max-w-7xl h-[100dvh]">
-      <section className='flex gap-2 border-2 p-4 bg-primary/5 rounded-lg my-4 items-center'>
+    <div className="mx-auto flex h-[100dvh] max-w-7xl flex-col gap-4 px-4">
+      <section className="my-4 flex items-center gap-2 rounded-lg border-2 bg-primary/5 p-4">
         <UserIcon size={18} />
-        <h2 className='text-md font-bold'>User Mangement</h2>
+        <h2 className="text-md font-bold">User Mangement</h2>
       </section>
       <LogoutUserComp />
     </div>
diff --git a/src/app/admin/userflags/page.tsx b/src/app/admin/userflags/page.tsx
index dc24e2a6..5e2a82ef 100644
--- a/src/app/admin/userflags/page.tsx
+++ b/src/app/admin/userflags/page.tsx
@@ -10,7 +10,7 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "@/components/ui/accordion";
+} from '@/components/ui/accordion';
 import { Cuboid, Flag, ToggleRight } from 'lucide-react';
 
 export default function DiscordPage() {
@@ -19,27 +19,31 @@ export default function DiscordPage() {
   const [adminSecret, setAdminSecret] = useState('');
   const [contentId, setContentId] = useState('');
   return (
-    <div className="flex flex-col w-full max-w-7xl gap-2 px-4 mx-auto">
-
-      <section className='flex gap-2 border-2 p-4 bg-primary/5 rounded-lg my-4 items-center'>
+    <div className="mx-auto flex w-full max-w-7xl flex-col gap-2 px-4">
+      <section className="my-4 flex items-center gap-2 rounded-lg border-2 bg-primary/5 p-4">
         <Flag size={18} />
-        <h2 className='text-md font-bold'>User Flags</h2>
+        <h2 className="text-md font-bold">User Flags</h2>
       </section>
 
-      <Accordion defaultValue='toggle-drm' className='border-2 p-4 rounded-2xl' type="single" collapsible>
-        <AccordionItem className='p-6' value="toggle-drm">
-          <AccordionTrigger className='text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
+      <Accordion
+        defaultValue="toggle-drm"
+        className="rounded-2xl border-2 p-4"
+        type="single"
+        collapsible
+      >
+        <AccordionItem className="p-6" value="toggle-drm">
+          <AccordionTrigger className="text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col gap-4">
               <ToggleRight size={40} /> Toggle DRM
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <section className='grid grid-cols-1 py-4 lg:grid-cols-7 w-full'>
-              <aside className='col-span-2 lg:col-span-3'>
-                <h1 className='text-lg'>Toggle DRM</h1>
+            <section className="grid w-full grid-cols-1 py-4 lg:grid-cols-7">
+              <aside className="col-span-2 lg:col-span-3">
+                <h1 className="text-lg">Toggle DRM</h1>
               </aside>
 
-              <aside className='col-span-1 lg:col-span-4'>
+              <aside className="col-span-1 lg:col-span-4">
                 <form className="flex w-full flex-col gap-5 rounded-xl">
                   <Input
                     placeholder="email"
@@ -59,7 +63,7 @@ export default function DiscordPage() {
                   />
 
                   <Button
-                    className="w-full rounded  px-4 py-2 font-bold text-white"
+                    className="w-full rounded px-4 py-2 font-bold text-white"
                     onClick={async () => {
                       await fetch('/api/admin/drm', {
                         body: JSON.stringify({
@@ -77,7 +81,7 @@ export default function DiscordPage() {
                     Enable DRM
                   </Button>
                   <Button
-                    className="w-full rounded  px-4 py-2 font-bold text-white "
+                    className="w-full rounded px-4 py-2 font-bold text-white"
                     onClick={async () => {
                       await fetch('/api/admin/drm', {
                         body: JSON.stringify({
@@ -97,36 +101,34 @@ export default function DiscordPage() {
                 </form>
               </aside>
             </section>
-
           </AccordionContent>
         </AccordionItem>
-        <AccordionItem className='border-none p-6' value="add-metadata">
-          <AccordionTrigger className='text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
+        <AccordionItem className="border-none p-6" value="add-metadata">
+          <AccordionTrigger className="text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col gap-4">
               <Cuboid size={40} /> Add metadata
             </div>
           </AccordionTrigger>
           <AccordionContent>
-
-            <section className='grid grid-cols-1 py-4 lg:grid-cols-7 w-full'>
-              <aside className='col-span-2 lg:col-span-3'>
-                <h1 className='text-lg'>Add metadata</h1>
+            <section className="grid w-full grid-cols-1 py-4 lg:grid-cols-7">
+              <aside className="col-span-2 lg:col-span-3">
+                <h1 className="text-lg">Add metadata</h1>
               </aside>
 
-              <aside className='col-span-1 lg:col-span-4'>
+              <aside className="col-span-1 lg:col-span-4">
                 <div className="flex flex-col gap-5 rounded-lg">
                   <Textarea
                     // style={{ width: 800 }}
                     rows={10}
                     placeholder="Segments (JSON)"
-                    className=" text-lg "
+                    className="text-lg"
                     onChange={(e) => {
                       setSegmentsJson(e.target.value);
                     }}
                   />
                   <Input
                     placeholder="Admin Secret"
-                    className="h-14 text-lg "
+                    className="h-14 text-lg"
                     type=" text"
                     onChange={(e) => {
                       setAdminSecret(e.target.value);
@@ -134,7 +136,7 @@ export default function DiscordPage() {
                   />
                   <Input
                     placeholder="Content Id"
-                    className="h-14 text-lg "
+                    className="h-14 text-lg"
                     type=" text"
                     onChange={(e) => {
                       setContentId(e.target.value);
@@ -143,7 +145,7 @@ export default function DiscordPage() {
 
                   <h1>JSON is validated in the form.</h1>
                   <Button
-                    className="rounded px-4 py-2 font-bold text-white w-full lg:w-[20%]"
+                    className="w-full rounded px-4 py-2 font-bold text-white lg:w-[20%]"
                     onClick={async () => {
                       if (!isValidJsonString(segmentsJson)) {
                         return toast.warning('Not a valid JSON');
@@ -168,11 +170,9 @@ export default function DiscordPage() {
                 </div>
               </aside>
             </section>
-
           </AccordionContent>
         </AccordionItem>
       </Accordion>
-
     </div>
   );
 }
diff --git a/src/app/api/admin/content/route.ts b/src/app/api/admin/content/route.ts
index 4f3ab38f..9472f6db 100644
--- a/src/app/api/admin/content/route.ts
+++ b/src/app/api/admin/content/route.ts
@@ -1,4 +1,5 @@
 import db from '@/db';
+import { env } from '@/env';
 import axios from 'axios';
 import { NextRequest, NextResponse } from 'next/server';
 
@@ -26,10 +27,7 @@ const sendUpdateToDiscord = async (data: DiscordData) => {
   };
 
   try {
-    await axios.post(
-      process.env.NEXT_PUBLIC_DISCORD_WEBHOOK_URL as string,
-      body,
-    );
+    await axios.post(env.NEXT_PUBLIC_DISCORD_WEBHOOK_URL as string, body);
   } catch (error) {
     console.error('Failed to send update to Discord:', error);
   }
@@ -73,7 +71,7 @@ export const POST = async (req: NextRequest) => {
     discordChecked,
   });
 
-  if (adminPassword !== process.env.ADMIN_SECRET) {
+  if (adminPassword !== env.ADMIN_SECRET) {
     return NextResponse.json({}, { status: 403 });
   }
 
@@ -157,7 +155,7 @@ export const POST = async (req: NextRequest) => {
     }
   }
   if (discordChecked && (type === 'notion' || type === 'video')) {
-    if (!process.env.NEXT_PUBLIC_DISCORD_WEBHOOK_URL) {
+    if (!env.NEXT_PUBLIC_DISCORD_WEBHOOK_URL) {
       return NextResponse.json(
         { message: 'Environment variable for discord webhook is not set' },
         { status: 500 },
diff --git a/src/app/api/admin/course/route.ts b/src/app/api/admin/course/route.ts
index 473272c0..f7330519 100644
--- a/src/app/api/admin/course/route.ts
+++ b/src/app/api/admin/course/route.ts
@@ -1,6 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import db from '@/db';
 import { z } from 'zod';
+import { env } from '@/env';
 
 const requestBodySchema = z.object({
   adminSecret: z.string(),
@@ -37,7 +38,7 @@ export async function POST(req: NextRequest) {
     discordRoleId,
   } = parseResult.data;
 
-  if (adminSecret !== process.env.ADMIN_SECRET) {
+  if (adminSecret !== env.ADMIN_SECRET) {
     return NextResponse.json({}, { status: 401 });
   }
 
diff --git a/src/app/api/admin/discord/refresh/route.ts b/src/app/api/admin/discord/refresh/route.ts
index 3c1f87ad..324b5487 100644
--- a/src/app/api/admin/discord/refresh/route.ts
+++ b/src/app/api/admin/discord/refresh/route.ts
@@ -1,4 +1,5 @@
 import db from '@/db';
+import { env } from '@/env';
 import { NextRequest, NextResponse } from 'next/server';
 import { z } from 'zod';
 
@@ -18,7 +19,7 @@ export async function POST(req: NextRequest) {
   }
   const { adminSecret, email } = parseResult.data;
 
-  if (adminSecret !== process.env.ADMIN_SECRET) {
+  if (adminSecret !== env.ADMIN_SECRET) {
     return NextResponse.json({}, { status: 401 });
   }
 
diff --git a/src/app/api/admin/discord/route.ts b/src/app/api/admin/discord/route.ts
index e71fca2c..a0b56bf4 100644
--- a/src/app/api/admin/discord/route.ts
+++ b/src/app/api/admin/discord/route.ts
@@ -1,4 +1,5 @@
 import db from '@/db';
+import { env } from '@/env';
 import { NextRequest, NextResponse } from 'next/server';
 import { z } from 'zod';
 
@@ -18,7 +19,7 @@ export async function POST(req: NextRequest) {
   }
   const { adminSecret, email } = parseResult.data;
 
-  if (adminSecret !== process.env.ADMIN_SECRET) {
+  if (adminSecret !== env.ADMIN_SECRET) {
     return NextResponse.json({}, { status: 401 });
   }
 
diff --git a/src/app/api/admin/discordReset/get/route.ts b/src/app/api/admin/discordReset/get/route.ts
index 6f3f6a64..bdaaa9c4 100644
--- a/src/app/api/admin/discordReset/get/route.ts
+++ b/src/app/api/admin/discordReset/get/route.ts
@@ -1,6 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import db from '@/db';
 import { z } from 'zod';
+import { env } from '@/env';
 
 const requestBodySchema = z.object({
   adminPassword: z.string(),
@@ -20,7 +21,7 @@ export async function POST(req: NextRequest) {
   try {
     const { adminPassword, email } = parseResult.data;
 
-    if (adminPassword !== process.env.ADMIN_SECRET) {
+    if (adminPassword !== env.ADMIN_SECRET) {
       return NextResponse.json(
         {
           message: 'Invalid Admin Password',
diff --git a/src/app/api/admin/discordReset/route.ts b/src/app/api/admin/discordReset/route.ts
index 7e43e728..3a159d9e 100644
--- a/src/app/api/admin/discordReset/route.ts
+++ b/src/app/api/admin/discordReset/route.ts
@@ -1,6 +1,7 @@
 import { NextRequest, NextResponse } from 'next/server';
 import db from '@/db';
 import { z } from 'zod';
+import { env } from '@/env';
 
 const requestBodySchema = z.object({
   adminPassword: z.string(),
@@ -20,7 +21,7 @@ export async function POST(req: NextRequest) {
   try {
     const { adminPassword, email } = parseResult.data;
 
-    if (adminPassword !== process.env.ADMIN_SECRET) {
+    if (adminPassword !== env.ADMIN_SECRET) {
       return NextResponse.json(
         {
           message: 'Invalid Admin Password',
diff --git a/src/app/api/admin/drm/route.ts b/src/app/api/admin/drm/route.ts
index 286d7763..d18a253c 100644
--- a/src/app/api/admin/drm/route.ts
+++ b/src/app/api/admin/drm/route.ts
@@ -1,4 +1,5 @@
 import db from '@/db';
+import { env } from '@/env';
 import { NextRequest, NextResponse } from 'next/server';
 import { z } from 'zod';
 
@@ -19,7 +20,7 @@ export async function POST(req: NextRequest) {
   }
   const { adminSecret, email, disableDrm } = parseResult.data;
 
-  if (adminSecret !== process.env.ADMIN_SECRET) {
+  if (adminSecret !== env.ADMIN_SECRET) {
     return NextResponse.json({}, { status: 401 });
   }
 
diff --git a/src/app/api/admin/segments/route.ts b/src/app/api/admin/segments/route.ts
index b8874653..695d3e85 100644
--- a/src/app/api/admin/segments/route.ts
+++ b/src/app/api/admin/segments/route.ts
@@ -1,4 +1,5 @@
 import db from '@/db';
+import { env } from '@/env';
 import { NextRequest, NextResponse } from 'next/server';
 import { z } from 'zod';
 
@@ -18,7 +19,7 @@ export async function POST(req: NextRequest) {
   }
   const { adminSecret, contentId, segmentsJson } = parseResult.data;
 
-  if (adminSecret !== process.env.ADMIN_SECRET) {
+  if (adminSecret !== env.ADMIN_SECRET) {
     return NextResponse.json({}, { status: 401 });
   }
 
diff --git a/src/app/api/admin/services/externalLogin/route.ts b/src/app/api/admin/services/externalLogin/route.ts
index d3f34761..c5627715 100644
--- a/src/app/api/admin/services/externalLogin/route.ts
+++ b/src/app/api/admin/services/externalLogin/route.ts
@@ -1,11 +1,12 @@
 import db from '@/db';
 import { NextRequest, NextResponse } from 'next/server';
 import bcrypt from 'bcrypt';
+import { env } from '@/env';
 
 export async function POST(req: NextRequest) {
   const authKey = req.headers.get('Auth-Key');
 
-  if (authKey !== process.env.JOB_BOARD_AUTH_SECRET) {
+  if (authKey !== env.JOB_BOARD_AUTH_SECRET) {
     return NextResponse.json({ message: 'Unauthorized' }, { status: 403 });
   }
 
diff --git a/src/app/api/admin/services/subtitle/route.ts b/src/app/api/admin/services/subtitle/route.ts
index e55fdae1..d725f7dc 100644
--- a/src/app/api/admin/services/subtitle/route.ts
+++ b/src/app/api/admin/services/subtitle/route.ts
@@ -1,4 +1,5 @@
 import db from '@/db';
+import { env } from '@/env';
 import { NextRequest, NextResponse } from 'next/server';
 import { z } from 'zod';
 
@@ -10,7 +11,7 @@ const patchVideoSchema = z.object({
 export async function GET(req: NextRequest) {
   const authKey = req.headers.get('Authorization');
 
-  if (authKey !== process.env.SUBTITLE_SECRET)
+  if (authKey !== env.SUBTITLE_SECRET)
     return NextResponse.json({ message: 'Unauthorized' }, { status: 403 });
 
   try {
@@ -62,7 +63,7 @@ export async function GET(req: NextRequest) {
 export async function PATCH(req: NextRequest) {
   const authKey = req.headers.get('Authorization');
 
-  if (authKey !== process.env.SUBTITLE_SECRET)
+  if (authKey !== env.SUBTITLE_SECRET)
     return NextResponse.json({ message: 'Unauthorized' }, { status: 403 });
 
   const requestBody = await req.json();
diff --git a/src/app/api/admin/services/vizolv/route.ts b/src/app/api/admin/services/vizolv/route.ts
index e7dc0c53..de40b205 100644
--- a/src/app/api/admin/services/vizolv/route.ts
+++ b/src/app/api/admin/services/vizolv/route.ts
@@ -1,11 +1,12 @@
 import db from '@/db';
+import { env } from '@/env';
 import { NextRequest, NextResponse } from 'next/server';
 
 export async function GET(req: NextRequest) {
   const authKey = req.headers.get('Authorization');
   const videoId = req.nextUrl.searchParams.get('videoId');
 
-  if (authKey !== process.env.VIZOLV_SECRET)
+  if (authKey !== env.VIZOLV_SECRET)
     return NextResponse.json({ message: 'Unauthorized' }, { status: 403 });
 
   if (!videoId)
diff --git a/src/app/api/discord/redirect/cohort3/route.ts b/src/app/api/discord/redirect/cohort3/route.ts
index 76d7e1ec..f8d85bf0 100644
--- a/src/app/api/discord/redirect/cohort3/route.ts
+++ b/src/app/api/discord/redirect/cohort3/route.ts
@@ -4,6 +4,7 @@ import db from '@/db';
 import { getServerSession } from 'next-auth';
 import { getPurchases } from '@/utiles/appx';
 import { authOptions } from '@/lib/auth';
+import { env } from '@/env';
 
 const COHORT3_GUILD_ID = '1263912990160457738';
 
@@ -109,10 +110,10 @@ export async function POST(req: NextRequest) {
     data.code,
     roles,
     COHORT3_GUILD_ID,
-    process.env.COHORT3_BOT_TOKEN ?? '',
-    process.env.COHORT3_DISCORD_ACCESS_KEY ?? '',
-    process.env.COHORT3_DISCORD_ACCESS_SECRET ?? '',
-    process.env.COHORT3_DISCORD_REDIRECT_URI ?? '',
+    env.COHORT3_BOT_TOKEN ?? '',
+    env.COHORT3_DISCORD_ACCESS_KEY ?? '',
+    env.COHORT3_DISCORD_ACCESS_SECRET ?? '',
+    env.COHORT3_DISCORD_REDIRECT_URI ?? '',
   );
 
   if (!discordId || !discordUsername) {
diff --git a/src/app/api/discord/redirect/route.ts b/src/app/api/discord/redirect/route.ts
index 78819f5b..d45bf6b2 100644
--- a/src/app/api/discord/redirect/route.ts
+++ b/src/app/api/discord/redirect/route.ts
@@ -4,6 +4,7 @@ import db from '@/db';
 import { getServerSession } from 'next-auth';
 import { getPurchases } from '@/utiles/appx';
 import { authOptions } from '@/lib/auth';
+import { env } from '@/env';
 
 const ROLES = [
   '1175845469335859271',
@@ -54,11 +55,11 @@ export async function POST(req: NextRequest) {
       ...purchases.map((purchase: any) => purchase.discordRoleId),
       ROLES[Math.floor(Math.random() * ROLES.length)],
     ],
-    process.env.GUILD_ID ?? '',
-    process.env.BOT_TOKEN ?? '',
-    process.env.DISCORD_ACCESS_KEY ?? '',
-    process.env.DISCORD_ACCESS_SECRET ?? '',
-    process.env.DISCORD_REDIRECT_URI ?? '',
+    env.GUILD_ID ?? '',
+    env.BOT_TOKEN ?? '',
+    env.DISCORD_ACCESS_KEY ?? '',
+    env.DISCORD_ACCESS_SECRET ?? '',
+    env.DISCORD_REDIRECT_URI ?? '',
   );
 
   if (!discordId || !discordUsername) {
diff --git a/src/app/api/github/callback/route.ts b/src/app/api/github/callback/route.ts
index f2f9563f..31e4ab0a 100644
--- a/src/app/api/github/callback/route.ts
+++ b/src/app/api/github/callback/route.ts
@@ -1,4 +1,5 @@
 import prisma from '@/db';
+import { env } from '@/env';
 import { authOptions } from '@/lib/auth';
 import { getServerSession } from 'next-auth';
 import { NextRequest, NextResponse } from 'next/server';
@@ -25,8 +26,8 @@ export async function GET(req: NextRequest) {
           Accept: 'application/json',
         },
         body: JSON.stringify({
-          client_id: process.env.GITHUB_ID,
-          client_secret: process.env.GITHUB_SECRET,
+          client_id: env.GITHUB_ID,
+          client_secret: env.GITHUB_SECRET,
           code,
         }),
       },
diff --git a/src/app/api/github/link/route.ts b/src/app/api/github/link/route.ts
index 34702a81..5e78c284 100644
--- a/src/app/api/github/link/route.ts
+++ b/src/app/api/github/link/route.ts
@@ -1,8 +1,9 @@
+import { env } from '@/env';
 import { NextResponse } from 'next/server';
 
 export async function GET() {
-  const clientId = process.env.GITHUB_ID;
-  const redirectUri = `${process.env.NEXTAUTH_URL}/api/github/callback`;
+  const clientId = env.GITHUB_ID;
+  const redirectUri = `${env.NEXTAUTH_URL}/api/github/callback`;
   const scope = 'read:user user:email';
 
   const githubAuthUrl = `https://github.com/login/oauth/authorize?client_id=${clientId}&redirect_uri=${redirectUri}&scope=${scope}`;
diff --git a/src/app/calendar/page.tsx b/src/app/calendar/page.tsx
index 1d3028ac..512f6298 100644
--- a/src/app/calendar/page.tsx
+++ b/src/app/calendar/page.tsx
@@ -2,6 +2,7 @@ import { getServerSession } from 'next-auth';
 import { redirect } from 'next/navigation';
 import React from 'react';
 import CalendarPageComponent from '@/components/big-calendar/calendar';
+import { env } from '@/env';
 
 const CalendarPage = async () => {
   const session = await getServerSession();
@@ -9,8 +10,7 @@ const CalendarPage = async () => {
     return redirect('/signin');
   }
 
-  const isAdmin =
-    process.env.ADMINS?.split(',').includes(session.user.email!) ?? false;
+  const isAdmin = env.ADMINS?.split(',').includes(session.user.email!) ?? false;
 
   return (
     <div className="wrapper flex min-h-screen">
diff --git a/src/app/video/[id]/route.ts b/src/app/video/[id]/route.ts
index 768c6fe8..26f86a58 100644
--- a/src/app/video/[id]/route.ts
+++ b/src/app/video/[id]/route.ts
@@ -1,9 +1,10 @@
+import { env } from '@/env';
 import { authOptions } from '@/lib/auth';
 import axios from 'axios';
 import { getServerSession } from 'next-auth';
 import { NextRequest, NextResponse } from 'next/server';
 
-const VIDEO_FETCH_URL = process.env.FETCHER_URL;
+const VIDEO_FETCH_URL = env.FETCHER_URL;
 
 // Input is /video/123.m3u8
 export const GET = async (
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index b922c33b..c340d143 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -42,7 +42,7 @@ export const Navbar = () => {
           damping: 10,
           stiffness: 100,
         }}
-        className="fixed z-[999] top-0 w-full border-b border-primary/10 bg-background"
+        className="fixed top-0 z-[999] w-full border-b border-primary/10 bg-background"
       >
         <div className="wrapper flex w-full items-center justify-between p-3">
           <motion.div
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index c15742a9..347d0983 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -177,7 +177,7 @@ export function Sidebar({
             variants={sidebarVariants}
             className="fixed right-0 top-0 z-[99999] flex h-screen w-full flex-col gap-4 overflow-y-auto rounded-r-lg border-l border-primary/10 bg-neutral-50 dark:bg-neutral-900 md:max-w-[30vw]"
           >
-            <div className="sticky top-0 z-10 flex items-center justify-between border-b border-primary/10 p-5 bg-neutral-50 dark:bg-neutral-900">
+            <div className="sticky top-0 z-10 flex items-center justify-between border-b border-primary/10 bg-neutral-50 p-5 dark:bg-neutral-900">
               <h4 className="text-xl font-bold tracking-tighter text-primary lg:text-2xl">
                 Course Content
               </h4>
diff --git a/src/components/admin/AddContent.tsx b/src/components/admin/AddContent.tsx
index 8cef2d30..1cdd9917 100644
--- a/src/components/admin/AddContent.tsx
+++ b/src/components/admin/AddContent.tsx
@@ -3,11 +3,18 @@ import { useEffect, useState } from 'react';
 import { AddNotionMetadata } from './AddNotionMetadata';
 import { Input } from '../ui/input';
 import { Button } from '../ui/button';
-import { Label } from "@/components/ui/label";
-import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import { Label } from '@/components/ui/label';
+import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';
 import { FaDiscord } from 'react-icons/fa';
 import { toast } from 'sonner';
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from '@/components/ui/dialog';
 
 export const AddContent = ({
   rest,
@@ -39,10 +46,9 @@ export const AddContent = ({
   const [loading, setLoading] = useState<boolean>(false);
 
   const getLabelClassName = (value: string) => {
-    return `flex gap-6 p-6 rounded-lg items-center space-x-2 ${type === value
-      ? 'border-[3px] border-blue-500'
-      : 'border-[3px]'
-      }`;
+    return `flex gap-6 p-6 rounded-lg items-center space-x-2 ${
+      type === value ? 'border-[3px] border-blue-500' : 'border-[3px]'
+    }`;
   };
 
   const handleContentSubmit = async () => {
@@ -81,72 +87,72 @@ export const AddContent = ({
   };
 
   return (
-    <div className="grid grid-cols-1 lg:grid-cols-7 rounded-xl border-2 p-6 gap-4">
-      <aside className='flex flex-col gap-8 col-span-1 lg:col-span-3'>
+    <div className="grid grid-cols-1 gap-4 rounded-xl border-2 p-6 lg:grid-cols-7">
+      <aside className="col-span-1 flex flex-col gap-8 lg:col-span-3">
         <div>Select the Content Mode</div>
 
         <RadioGroup
-          className='flex flex-warp overflow-auto no-scrollbar max-w-full items-start gap-4'
+          className="flex-warp no-scrollbar flex max-w-full items-start gap-4 overflow-auto"
           value={type}
           onValueChange={(value) => {
             setType(value);
             setMetadata({});
           }}
         >
-          <Label htmlFor="video" className={getLabelClassName("video")}>
+          <Label htmlFor="video" className={getLabelClassName('video')}>
             <RadioGroupItem value="video" id="video" />
             <span>Video</span>
           </Label>
-          <Label htmlFor="folder" className={getLabelClassName("folder")}>
+          <Label htmlFor="folder" className={getLabelClassName('folder')}>
             <RadioGroupItem value="folder" id="folder" />
             <span>Folder</span>
           </Label>
-          <Label htmlFor="notion" className={getLabelClassName("notion")}>
+          <Label htmlFor="notion" className={getLabelClassName('notion')}>
             <RadioGroupItem value="notion" id="notion" />
             <span>Notion</span>
           </Label>
         </RadioGroup>
 
-        <div className='border-t-2 my-2 py-6 w-full md:w-[90%] flex flex-col gap-4'>
-          <div className='flex gap-1 flex-col'>
-            <h3 className='text-xl font-bold'>Apps Integrations</h3>
-            <h6 className='text-md text-gray-500'>Click app to start sending notification to that platform</h6>
+        <div className="my-2 flex w-full flex-col gap-4 border-t-2 py-6 md:w-[90%]">
+          <div className="flex flex-col gap-1">
+            <h3 className="text-xl font-bold">Apps Integrations</h3>
+            <h6 className="text-md text-gray-500">
+              Click app to start sending notification to that platform
+            </h6>
           </div>
 
-          {(type === 'video' || type === 'notion') ?
-            (
-              <>
-                <div onClick={handleDiscordClick} className={`p-2 cursor-pointer border-[3px] ${discordChecked ? 'border-blue-500' : ''} bg-blue-400 bg-opacity-5 rounded-lg w-fit`}>
-                  <FaDiscord className='text-5xl' />
-                </div>
-
-                <Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
-                  <DialogContent>
-                    <DialogHeader>
-                      <DialogTitle>Send Notification to Discord?</DialogTitle>
-                      <DialogDescription>
-                        Do you want to send the notification to Discord?
-                      </DialogDescription>
-                    </DialogHeader>
-                    <DialogFooter>
-                      <Button variant="outline" onClick={() => handleModalChoice(false)}>
-                        No
-                      </Button>
-                      <Button onClick={() => handleModalChoice(true)}>
-                        Yes
-                      </Button>
-                    </DialogFooter>
-                  </DialogContent>
-                </Dialog>
-              </>
-
-            )
-            :
-            (
-              <div>No Apps automations available for this option</div>
-            )
-          }
+          {type === 'video' || type === 'notion' ? (
+            <>
+              <div
+                onClick={handleDiscordClick}
+                className={`cursor-pointer border-[3px] p-2 ${discordChecked ? 'border-blue-500' : ''} w-fit rounded-lg bg-blue-400 bg-opacity-5`}
+              >
+                <FaDiscord className="text-5xl" />
+              </div>
 
+              <Dialog open={isModalOpen} onOpenChange={setIsModalOpen}>
+                <DialogContent>
+                  <DialogHeader>
+                    <DialogTitle>Send Notification to Discord?</DialogTitle>
+                    <DialogDescription>
+                      Do you want to send the notification to Discord?
+                    </DialogDescription>
+                  </DialogHeader>
+                  <DialogFooter>
+                    <Button
+                      variant="outline"
+                      onClick={() => handleModalChoice(false)}
+                    >
+                      No
+                    </Button>
+                    <Button onClick={() => handleModalChoice(true)}>Yes</Button>
+                  </DialogFooter>
+                </DialogContent>
+              </Dialog>
+            </>
+          ) : (
+            <div>No Apps automations available for this option</div>
+          )}
         </div>
       </aside>
 
@@ -161,24 +167,24 @@ export const AddContent = ({
           Notion
         </Button>
       </div> */}
-      <div className="grid col-span-1 lg:col-span-4 gap-4 grid-cols-1">
+      <div className="col-span-1 grid grid-cols-1 gap-4 lg:col-span-4">
         <Input
           type="text"
           placeholder="Title"
           onChange={(e) => setTitle(e.target.value)}
-          className='h-14'
+          className="h-14"
         />
         <Input
           type="text"
           placeholder="Image url"
           onChange={(e) => setImageUri(e.target.value)}
-          className='h-14'
+          className="h-14"
         />
         <Input
           type="text"
           placeholder="Admin password"
           onChange={(e) => setAdminPassword(e.target.value)}
-          className='h-14'
+          className="h-14"
         />
         {type === 'video' && <AddVideosMetadata onChange={setMetadata} />}
         {type === 'notion' && <AddNotionMetadata onChange={setMetadata} />}
@@ -239,7 +245,7 @@ function AddVideoMetadata({ onChange }: { onChange: (metadata: any) => void }) {
         onChange={async (e) => {
           await setVideo_1080p(e.target.value);
         }}
-        className='h-14'
+        className="h-14"
       />
       <Input
         type="text"
@@ -247,7 +253,7 @@ function AddVideoMetadata({ onChange }: { onChange: (metadata: any) => void }) {
         onChange={async (e) => {
           await setVideo_720p(e.target.value);
         }}
-        className='h-14'
+        className="h-14"
       />
       <Input
         type="text"
@@ -255,7 +261,7 @@ function AddVideoMetadata({ onChange }: { onChange: (metadata: any) => void }) {
         onChange={async (e) => {
           await setVideo_360p(e.target.value);
         }}
-        className='h-14'
+        className="h-14"
       />
     </div>
   );
diff --git a/src/components/admin/UpdateVideoClient.tsx b/src/components/admin/UpdateVideoClient.tsx
index 83eba6e2..e99975de 100644
--- a/src/components/admin/UpdateVideoClient.tsx
+++ b/src/components/admin/UpdateVideoClient.tsx
@@ -6,7 +6,7 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
-} from "@/components/ui/accordion";
+} from '@/components/ui/accordion';
 import { FileText, Video } from 'lucide-react';
 import { Input } from '../ui/input';
 import { Button } from '../ui/button';
@@ -36,22 +36,26 @@ export const UpdateVideoClient = ({
   const [vttLink, setVttLink] = useState('');
 
   return (
-    <div className='max-w-7xl mx-auto px-4'>
-
-      <Accordion defaultValue='m3u8-mp4' className='border-2 p-4 rounded-2xl' type="single" collapsible>
-        <AccordionItem value="m3u8-mp4" >
-          <AccordionTrigger className='p-6 text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
+    <div className="mx-auto max-w-7xl px-4">
+      <Accordion
+        defaultValue="m3u8-mp4"
+        className="rounded-2xl border-2 p-4"
+        type="single"
+        collapsible
+      >
+        <AccordionItem value="m3u8-mp4">
+          <AccordionTrigger className="p-6 text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col gap-4">
               <Video size={40} /> M3U8 and MP4 Links
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <div className='grid grid-cols-1 p-6 lg:grid-cols-7 w-full gap-4'>
-              <aside className='col-span-1 lg:col-span-3'>
-                <p className='text-lg'>Add Links</p>
+            <div className="grid w-full grid-cols-1 gap-4 p-6 lg:grid-cols-7">
+              <aside className="col-span-1 lg:col-span-3">
+                <p className="text-lg">Add Links</p>
               </aside>
 
-              <aside className='col-span-1 flex flex-col gap-4 lg:col-span-4'>
+              <aside className="col-span-1 flex flex-col gap-4 lg:col-span-4">
                 <Label>M3U8 Links</Label>
                 <Input
                   value={link1080}
@@ -80,7 +84,7 @@ export const UpdateVideoClient = ({
                   placeholder={'m3u8 360p'}
                 />
 
-                <Label className='mt-4'>MP4 Links</Label>
+                <Label className="mt-4">MP4 Links</Label>
 
                 <Input
                   value={link1080_mp4}
@@ -109,7 +113,7 @@ export const UpdateVideoClient = ({
                   placeholder={'m3u8 360p'}
                 />
                 <Button
-                  className="my-4 rounded  p-2 font-bold text-white w-full lg:w-[20%]"
+                  className="my-4 w-full rounded p-2 font-bold text-white lg:w-[20%]"
                   onClick={async () => {
                     await axios.post('/api/admin/updatecontent', {
                       contentId: content.id,
@@ -132,18 +136,18 @@ export const UpdateVideoClient = ({
         </AccordionItem>
 
         <AccordionItem value="slides">
-          <AccordionTrigger className='p-6 text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
+          <AccordionTrigger className="p-6 text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col gap-4">
               <FileText size={40} /> Slides Links
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <div className='grid grid-cols-1  p-6 lg:grid-cols-7 w-full gap-4'>
-              <aside className='col-span-1 lg:col-span-3'>
-                <p className='text-lg'>Add Links</p>
+            <div className="grid w-full grid-cols-1 gap-4 p-6 lg:grid-cols-7">
+              <aside className="col-span-1 lg:col-span-3">
+                <p className="text-lg">Add Links</p>
               </aside>
 
-              <aside className='col-span-1 flex flex-col gap-4 lg:col-span-4'>
+              <aside className="col-span-1 flex flex-col gap-4 lg:col-span-4">
                 <Input
                   value={pdfLink}
                   type="text"
@@ -153,7 +157,7 @@ export const UpdateVideoClient = ({
                   placeholder={'pdf link'}
                 />
                 <Button
-                  className="my-4 rounded p-2 font-bold text-white w-full lg:w-[20%]"
+                  className="my-4 w-full rounded p-2 font-bold text-white lg:w-[20%]"
                   onClick={async () => {
                     await axios.post('/api/admin/contentmetadata', {
                       contentId: content.id,
@@ -169,19 +173,19 @@ export const UpdateVideoClient = ({
             </div>
           </AccordionContent>
         </AccordionItem>
-        <AccordionItem className='border-none' value="vtt">
-          <AccordionTrigger className='p-6 text-lg lg:text-2xl font-bold'>
-            <div className='flex gap-4 flex-col' >
+        <AccordionItem className="border-none" value="vtt">
+          <AccordionTrigger className="p-6 text-lg font-bold lg:text-2xl">
+            <div className="flex flex-col gap-4">
               <FileText size={40} /> VTT Link
             </div>
           </AccordionTrigger>
           <AccordionContent>
-            <div className='grid grid-cols-1 p-6 lg:grid-cols-7 w-full gap-4'>
-              <aside className='col-span-1 lg:col-span-3'>
-                <p className='text-lg'>Add Links</p>
+            <div className="grid w-full grid-cols-1 gap-4 p-6 lg:grid-cols-7">
+              <aside className="col-span-1 lg:col-span-3">
+                <p className="text-lg">Add Links</p>
               </aside>
 
-              <aside className='col-span-1 lg:col-span-4'>
+              <aside className="col-span-1 lg:col-span-4">
                 <Input
                   value={vttLink}
                   type="text"
@@ -191,7 +195,7 @@ export const UpdateVideoClient = ({
                   placeholder={'vtt link'}
                 />
                 <Button
-                  className="my-4 rounded  p-2 font-bold text-white w-full lg:w-[20%]"
+                  className="my-4 w-full rounded p-2 font-bold text-white lg:w-[20%]"
                   onClick={async () => {
                     await axios.post('/api/admin/contentmetadata', {
                       contentId: content.id,
@@ -208,7 +212,6 @@ export const UpdateVideoClient = ({
           </AccordionContent>
         </AccordionItem>
       </Accordion>
-
     </div>
   );
 };
diff --git a/src/components/ui/radio-group.tsx b/src/components/ui/radio-group.tsx
index cb8a4e28..f92eb156 100644
--- a/src/components/ui/radio-group.tsx
+++ b/src/components/ui/radio-group.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client';
 
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { Circle } from "lucide-react";
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
 
-import { cn } from "@/lib/utils";
+import { cn } from '@/lib/utils';
 
 const RadioGroup = React.forwardRef<
   React.ElementRef<typeof RadioGroupPrimitive.Root>,
@@ -12,7 +12,7 @@ const RadioGroup = React.forwardRef<
 >(({ className, ...props }, ref) => {
   return (
     <RadioGroupPrimitive.Root
-      className={cn("grid gap-2", className)}
+      className={cn('grid gap-2', className)}
       {...props}
       ref={ref}
     />
@@ -28,8 +28,8 @@ const RadioGroupItem = React.forwardRef<
     <RadioGroupPrimitive.Item
       ref={ref}
       className={cn(
-        "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-        className
+        'aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+        className,
       )}
       {...props}
     >
diff --git a/src/db/Cache.ts b/src/db/Cache.ts
index 44159df5..43a88c84 100644
--- a/src/db/Cache.ts
+++ b/src/db/Cache.ts
@@ -1,8 +1,9 @@
+import { env } from '@/env';
 import { ICache } from '@/lib/cache/cache';
 import { InMemoryCache } from '@/lib/cache/in-memory-cache';
 import { RedisCache } from '@/lib/cache/redis-cache';
 
-const redisUrl = process.env.REDIS_URL;
+const redisUrl = env.REDIS_URL;
 
 export class Cache implements ICache {
   private static instance: Cache;
@@ -27,7 +28,7 @@ export class Cache implements ICache {
     type: string,
     args: string[],
     value: any,
-    expirySeconds: number = parseInt(process.env.CACHE_EXPIRE_S || '100', 10),
+    expirySeconds: number = parseInt(env.CACHE_EXPIRE_S || '100', 10),
   ): Promise<void> {
     return this.delegate.set(type, args, value, expirySeconds);
   }
diff --git a/src/db/index.ts b/src/db/index.ts
index a4799dd3..0927f3bc 100644
--- a/src/db/index.ts
+++ b/src/db/index.ts
@@ -1,3 +1,4 @@
+import { env } from '@/env';
 import { PrismaClient } from '@prisma/client';
 
 const prismaClientSingleton = () => {
@@ -15,4 +16,4 @@ const prisma = globalForPrisma.prisma ?? prismaClientSingleton();
 
 export default prisma;
 
-if (process.env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
+if (env.NODE_ENV !== 'production') globalForPrisma.prisma = prisma;
diff --git a/src/env.ts b/src/env.ts
new file mode 100644
index 00000000..bb0cd9b5
--- /dev/null
+++ b/src/env.ts
@@ -0,0 +1,87 @@
+import { createEnv } from '@t3-oss/env-nextjs';
+import { z } from 'zod';
+
+export const env = createEnv({
+  server: {
+    ADMIN_SECRET: z.string().default('ADMIN_SECRET'),
+    JWT_SECRET: z.string().default('JWT_SECRET'),
+    DATABASE_URL: z
+      .string()
+      .url()
+      .default('postgresql://postgres:postgres@db:5432/cms?schema=public'),
+    NEXTAUTH_URL: z.string().default('http://localhost:3000'),
+    APPX_AUTH_KEY: z.string().default('AUTH_SECRET'),
+    NEXTAUTH_SECRET: z.string().default('NEXTAUTH_SECRET'),
+    APPX_CLIENT_SERVICE: z.string().default(''),
+    APPX_BASE_API: z.string().default(''),
+    DISCORD_ACCESS_KEY: z.string().default('123'),
+    DISCORD_ACCESS_SECRET: z.string().default('123'),
+    DISCORD_REDIRECT_URL: z
+      .string()
+      .default('https://app.100xdevs.com/discord/redirect'),
+    BOT_TOKEN: z.string().default(''),
+    GUILD_ID: z.string().default(''),
+    LOCAL_CMS_PROVIDER: z.boolean().default(false),
+    CACHE_EXPIRE_S: z.string().default('10'),
+    ADMINS: z.string().default('Random,example@gmail.com'),
+    REDIS_URL: z.string().default(''),
+    COHORT3_DISCORD_ACCESS_KEY: z.string().default(''),
+    COHORT3_DISCORD_ACCESS_SECRET: z.string().default(''),
+    COHORT3_DISCORD_REDIRECT_URI: z.string().default(''),
+    COHORT3_BOT_TOKEN: z.string().default(''),
+    SUBTITLE_SECRET: z.string().default('SubSecret'),
+    GITHUB_ID: z.string().default(''),
+    GITHUB_SECRET: z.string().default(''),
+    JOB_BOARD_AUTH_SECRET: z.string().default(''),
+    FETCHER_URL: z.string().default(''),
+    NODE_ENV: z.string().default('development'),
+    VIZOLV_SECRET: z.string().default(''),
+    DISCORD_REDIRECT_URI: z.string().default(''),
+  },
+  client: {
+    NEXT_PUBLIC_BASE_URL_LOCAL: z.string().default('http://127.0.0.1:3000'),
+    NEXT_PUBLIC_DISABLE_FEATURES: z
+      .string()
+      .default('featurea,featureb,featurec'),
+    NEXT_PUBLIC_DISCORD_WEBHOOK_URL: z.string().default(''),
+  },
+  runtimeEnv: {
+    ADMIN_SECRET: process.env.ADMIN_SECRET,
+    JWT_SECRET: process.env.JWT_SECRET,
+    DATABASE_URL: process.env.DATABASE_URL,
+    NEXTAUTH_URL: process.env.NEXTAUTH_URL,
+    APPX_AUTH_KEY: process.env.APPX,
+    NEXTAUTH_SECRET: process.env.NEXTAUTH_SECRET,
+    APPX_CLIENT_SERVICE: process.env.APPX_CLIENT_SERVICE,
+    APPX_BASE_API: process.env.APPX_BASE_API_URL,
+    DISCORD_ACCESS_KEY: process.env.DISCORD_ACCESS_KEY,
+    DISCORD_ACCESS_SECRET: process.env.DISCORD_ACCESS_SECRET,
+    DISCORD_REDIRECT_URL: process.env.DISCORD_REDIRECT_URL,
+    BOT_TOKEN: process.env.BOT_TOKEN,
+    GUILD_ID: process.env.GUILD_ID,
+    LOCAL_CMS_PROVIDER: process.env.LOCAL_CMS_PROVIDER
+      ? process.env.LOCAL_CMS_PROVIDER.toLowerCase().trim() === 'true'
+      : false,
+    CACHE_EXPIRE_S: process.env.CACHE_EXPIRE_S,
+    ADMINS: process.env.ADMINS,
+    REDIS_URL: process.env.REDIS_URL,
+    COHORT3_DISCORD_ACCESS_KEY: process.env.COHORT3_DISCORD_ACCESS_KEY,
+    COHORT3_DISCORD_ACCESS_SECRET: process.env.COHORT3_DISCORD_ACCESS_SECRET,
+    COHORT3_DISCORD_REDIRECT_URI: process.env.COHORT3_DISCORD_REDIRECT_URI,
+    COHORT3_BOT_TOKEN: process.env.COHORT3_BOT_TOKEN,
+
+    SUBTITLE_SECRET: process.env.SUBTITLE_SECRET,
+    GITHUB_ID: process.env.GITHUB_ID,
+    GITHUB_SECRET: process.env.GITHUB_SECRET,
+    JOB_BOARD_AUTH_SECRET: process.env.JOB_BOARD_AUTH_SECRET,
+
+    FETCHER_URL: process.env.FETCHER_URL,
+    VIZOLV_SECRET: process.env.VIZOLV_SECRET,
+    DISCORD_REDIRECT_URI: process.env.DISCORD_REDIRECT_URI,
+    NODE_ENV: process.env.NODE_ENV,
+    NEXT_PUBLIC_DISCORD_WEBHOOK_URL:
+      process.env.NEXT_PUBLIC_DISCORD_WEBHOOK_URL,
+    NEXT_PUBLIC_DISABLE_FEATURES: process.env.NEXT_PUBLIC_DISABLE_FEATURES,
+    NEXT_PUBLIC_BASE_URL_LOCAL: process.env.NEXT_PUBLIC_BASE_URL_LOCAL,
+  },
+});
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
index 8d6ca3eb..9630febe 100644
--- a/src/lib/auth.ts
+++ b/src/lib/auth.ts
@@ -6,6 +6,7 @@ import prisma from '@/db';
 import { NextAuthOptions } from 'next-auth';
 import { Session } from 'next-auth';
 import { JWT } from 'next-auth/jwt';
+import { env } from '@/env';
 
 interface AppxSigninResponse {
   data: {
@@ -38,7 +39,7 @@ interface user {
 }
 
 const generateJWT = async (payload: JWTPayload) => {
-  const secret = process.env.JWT_SECRET || 'secret';
+  const secret = env.JWT_SECRET || 'secret';
 
   const jwk = await importJWK({ k: secret, alg: 'HS256', kty: 'oct' });
 
@@ -63,7 +64,7 @@ async function validateUser(
       };
     }
 > {
-  if (process.env.LOCAL_CMS_PROVIDER) {
+  if (env.LOCAL_CMS_PROVIDER) {
     if (password === '123456') {
       return {
         data: {
@@ -77,8 +78,8 @@ async function validateUser(
   }
   const url = 'https://harkiratapi.classx.co.in/post/userLogin';
   const headers = {
-    'Client-Service': process.env.APPX_CLIENT_SERVICE || '',
-    'Auth-Key': process.env.APPX_AUTH_KEY || '',
+    'Client-Service': env.APPX_CLIENT_SERVICE || '',
+    'Auth-Key': env.APPX_AUTH_KEY || '',
     'Content-Type': 'application/x-www-form-urlencoded',
   };
   const body = new URLSearchParams();
@@ -116,7 +117,7 @@ export const authOptions = {
       },
       async authorize(credentials: any) {
         try {
-          if (process.env.LOCAL_CMS_PROVIDER) {
+          if (env.LOCAL_CMS_PROVIDER) {
             return {
               id: '1',
               name: 'test',
@@ -214,14 +215,14 @@ export const authOptions = {
       },
     }),
   ],
-  secret: process.env.NEXTAUTH_SECRET || 'secr3t',
+  secret: env.NEXTAUTH_SECRET || 'secr3t',
   callbacks: {
     session: async ({ session, token }) => {
       const newSession: session = session as session;
       if (newSession.user && token.uid) {
         newSession.user.id = token.uid as string;
         newSession.user.jwtToken = token.jwtToken as string;
-        newSession.user.role = process.env.ADMINS?.split(',').includes(
+        newSession.user.role = env.ADMINS?.split(',').includes(
           session.user?.email ?? '',
         )
           ? 'admin'
diff --git a/src/lib/cache/in-memory-cache.ts b/src/lib/cache/in-memory-cache.ts
index 3711a959..5ab135eb 100644
--- a/src/lib/cache/in-memory-cache.ts
+++ b/src/lib/cache/in-memory-cache.ts
@@ -1,3 +1,4 @@
+import { env } from '@/env';
 import { ICache } from './cache';
 
 interface ICacheEntry {
@@ -24,7 +25,7 @@ export class InMemoryCache implements ICache {
     type: string,
     args: string[],
     value: any,
-    expirySeconds: number = parseInt(process.env.CACHE_EXPIRE_S || '100', 10),
+    expirySeconds: number = parseInt(env.CACHE_EXPIRE_S || '100', 10),
   ): Promise<void> {
     const key = this.generateKey(type, args);
     this.inMemoryDb.set(key, {
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
index 6c5b1e2c..0a67f2b6 100644
--- a/src/lib/utils.ts
+++ b/src/lib/utils.ts
@@ -1,4 +1,5 @@
 import { TabType, QueryParams } from '@/actions/types';
+import { env } from '@/env';
 import { CommentType, Prisma } from '@prisma/client';
 import { type ClassValue, clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -361,7 +362,7 @@ export const generateHandle = (title: string): string => {
 };
 
 export const getDisabledFeature = (feature: string): boolean => {
-  return (process.env.NEXT_PUBLIC_DISABLE_FEATURES || '')
+  return (env.NEXT_PUBLIC_DISABLE_FEATURES || '')
     .toLowerCase()
     .split(',')
     .includes(feature);
diff --git a/src/middleware.ts b/src/middleware.ts
index a1f6e579..c53af842 100644
--- a/src/middleware.ts
+++ b/src/middleware.ts
@@ -1,18 +1,19 @@
 import { withAuth } from 'next-auth/middleware';
 import { NextResponse } from 'next/server';
+import { env } from '@/env';
 
 export const config = {
   matcher: ['/courses/:path*'],
 };
 
 export default withAuth(async (req) => {
-  if (process.env.LOCAL_CMS_PROVIDER) return;
+  if (env.LOCAL_CMS_PROVIDER) return;
   const token = req.nextauth.token;
   if (!token) {
     return NextResponse.redirect(new URL('/invalidsession', req.url));
   }
   const user = await fetch(
-    `${process.env.NEXT_PUBLIC_BASE_URL_LOCAL}/api/user?token=${token.jwtToken}`,
+    `${env.NEXT_PUBLIC_BASE_URL_LOCAL}/api/user?token=${token.jwtToken}`,
   );
 
   const json = await user.json();
diff --git a/src/utiles/appx-check-mail.ts b/src/utiles/appx-check-mail.ts
index 3d76c58b..8fae8ecb 100644
--- a/src/utiles/appx-check-mail.ts
+++ b/src/utiles/appx-check-mail.ts
@@ -1,6 +1,8 @@
-const APPX_AUTH_KEY = process.env.APPX_AUTH_KEY;
-const APPX_CLIENT_SERVICE = process.env.APPX_CLIENT_SERVICE;
-const APPX_BASE_API = process.env.APPX_BASE_API;
+import { env } from '@/env';
+
+const APPX_AUTH_KEY = env.APPX_AUTH_KEY;
+const APPX_CLIENT_SERVICE = env.APPX_CLIENT_SERVICE;
+const APPX_BASE_API = env.APPX_BASE_API;
 
 const baseUrl: string = `${APPX_BASE_API}/get/checkemailforpurchase`;
 
diff --git a/src/utiles/appx.ts b/src/utiles/appx.ts
index 4edcb700..6f75095e 100644
--- a/src/utiles/appx.ts
+++ b/src/utiles/appx.ts
@@ -10,8 +10,9 @@ import { cache } from '@/db/Cache';
 import prisma from '@/db';
 import { checkUserEmailForPurchase } from './appx-check-mail';
 import { refreshDbInternal } from '@/actions/refresh-db';
+import { env } from '@/env';
 
-const LOCAL_CMS_PROVIDER = process.env.LOCAL_CMS_PROVIDER;
+const LOCAL_CMS_PROVIDER = env.LOCAL_CMS_PROVIDER;
 const COHORT_3_PARENT_COURSES = [8, 9, 10, 11, 12];
 
 export const APPX_COURSE_IDS = [1, 2, 3, 8, 9, 10, 11, 12];