the-coder-o / a-bd.me

My personal website made with Next.js 14 (App Router). Features blog posts, gear list, dark theme and more. Tailwind CSS, Radix, Framer Motion, and Vercel.
https://www.a-bd.me
MIT License
8 stars 0 forks source link
analytics firebase framer-motion google-analytics google-api next14 planetscale prisma react redix rest-api search-engine seo-optimization shadcn-ui tailwindcss typescript umami-analytics

Deploy with Vercel

My Personal Website

My personal portfolio website designed to be simplistic and clean while including features like MDX blog posts with view counts, a dark mode toggle, gear list, an about page, and more.

Tech Stack

backend:

frontend:

Getting Started

Make sure you have Node.js v18.17.0+ installed on your machine.

  1. Install Dependencies: npm install
  2. Environment variables: Copy .env.example to a new .env.local
  3. Database Setup: See Database Setup
  4. Prisma Setup: npm install @prisma/client (if you haven't already), then run npx prisma generate.
  5. Start Developing: npm run dev, this will automatically create the .contentlayer files and start the Next.js development server.

Database Setup

Deployment

This project can be quickly deployed to Vercel. Simply connect your Vercel account to your GitHub repository, and Vercel will automatically build and deploy your application with each new push to the main branch.

Add the project .env variables to your Vercel project settings.