My Personal Website

Tech Stack

• Next.js / TypeScript
• MDX / Contentlayer (Blogs / Projects)
• Prisma (ORM)
• Postgres (Vercel Postgres Database)
• Tailwind CSS (Styling)
• Radix Primitives (Headless UI components)
• Radix UI Colors (Color system)
• Framer Motion (Animations)
• Discord Presence (RESTful API and WebSocket)
• Zustand (State Management)

Getting Started

1. Clone the repository:

git clone

2. Install dependencies:

npm install

3. Setup Environment Variables

   NEXT_PUBLIC_SITE_URL=http://localhost:3000
   NEXT_PUBLIC_SITE_KEYWORDS=
   NEXT_PUBLIC_BASE_URL=http://localhost:3000
   DOMAIN="localhost:3000"
   NODE_ENV=
   DATABASE_URL=
   DIRECT_URL=
   REDIS_URL=
   REDIS_TOKEN=

4. Setup Database/ Prisma:

npx prisma generate
npx prisma db push
npx prisma migrate dev --name init

5. Start the Development Server:

npm run dev

Deployment

This project is deployed on Vercel and is automatically deployed on every push to main branch.