Persn.dev - Joey Kerper's Personal Website

A modern, animated personal portfolio website built with Next.js, showcasing projects, skills, and providing real-time integrations.

Tech Stack

• Framework: Next.js 15 with App Router
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• UI Components: Radix UI + Shadcn
• Fonts: Geist font family
• Real-time Data: WebSocket integration with Lanyard API

Run Locally

Prerequisites

• Node.js 18+
• npm, yarn, pnpm, or bun package manager

Installation

1. Clone the repository:

git clone https://github.com/your-username/persn.dev.git
cd persn.dev

2. Install dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

3. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

4. Open http://localhost:3000 in your browser to see the website.

Development with Turbopack

This project is configured to use Turbopack for faster development builds:

npm run dev

The --turbopack flag is already included in the dev script for optimal performance.

Available Scripts

• npm run dev - Start development server with Turbopack
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Run ESLint

Contributing

This is a personal portfolio website, but if you find bugs or have suggestions, feel free to open an issue or submit a pull request.

---

Built with ❤️ by Joey Kerper