My Personal Website

My personal website built with Next.js and Tailwind CSS. Uses Medium as a headless CMS for blog posts and Raindrop.io for managing bookmarks.

Features

• ⚡️ Built with Next.js 14 and TypeScript
• 💨 Tailwind CSS for styling
• 🎨 Shadcn UI components
• 🌙 Dark mode support
• 📱 Fully responsive
• 📝 Medium integration for blog posts
• 🔖 Raindrop.io integration for bookmarks
• 🖼️ Gravatar for profile image
• 🎯 Perfect Lighthouse score
• 🤖 Play.AI for voice agent

Tech Stack

• Next.js
• TypeScript
• Tailwind CSS
• Shadcn UI
• Medium RSS (as Headless CMS)
• Raindrop.io (for Bookmarks)

Getting Started

1. Clone this repository:

git clone https://github.com/osman-koc/my-web-site.git

2. Install dependencies:

npm install

3. Create a .env.local file in the root directory:

# Raindrop.io API Token (Required for bookmarks)
# Get your token from: https://app.raindrop.io/settings/integrations
RAINDROP_ACCESS_TOKEN=your_token_here
# play.ai voice agent
# Create your special agent from: https://play.ai/
PLAYAI_API_KEY=your_key

4. Start the development server:

npm run dev

Configuration

To customize this website for your own use, you'll need to modify the following:

1. Update personal information in:

   • app/page.tsx (introduction)
   • components/sidebar.tsx (name, social links)
   • app/lib/shared-metadata.ts (metadata)
   • app/lib/page-metadata.ts (metadata)
   • app/lib/highlights-data.ts (highlight list)
   • app/lib/workspace-data.ts (workspace list)
   • app/lib/projects-data.ts (project list)
   • app/lib/tools-data.ts (tool list)

2. Update Medium RSS feed URL in lib/medium.ts to your Medium profile

3. Configure Raindrop.io:

   • Create an account at Raindrop.io
   • Go to Integrations
   • Create a new app and generate a permanent token
   • Add the token to .env.local

Development

This project was developed using Bolt.new, an AI-powered development environment that provides real-time assistance and code generation.

Credits

• Design inspired by onur.dev
• Built with Bolt.new
• Icons from Lucide
• UI Components from Shadcn UI

License

MIT License - feel free to use this code for your own personal website!