Ömer Gülçiçek

www.omergulcicek.com

My personal website and blog built with Next.js, TypeScript, Tailwind CSS, shadcn/ui, and deployed on Vercel.

🚀 Tech Stack

Core Technologies

• Next.js 16 - React framework with App Router
• React 19 - Latest React with concurrent features
• TypeScript - Type-safe development
• Tailwind CSS v4 - Utility-first CSS framework

UI & Components

• Radix UI - Accessible component primitives
• Shadcn/ui - Beautiful component library
• Framer Motion - Smooth animations
• Lucide React - Beautiful icons

Content & MDX

• MDX - Markdown with JSX support
• Gray Matter - Front matter parsing
• Rehype & Remark - Content processing
• Shiki - Syntax highlighting

Development Tools

• ESLint - Code linting
• Prettier - Code formatting
• Turbopack - Fast bundler

✨ Features

• ⚡ Performance Optimized - Built with Next.js 16 and Turbopack
• 📱 Responsive Design - Mobile-first approach with Tailwind CSS
• 🎨 Modern UI - Clean design with Shadcn/ui components
• 📝 MDX Blog - Rich content with code syntax highlighting
• 🔍 SEO Optimized - Meta tags, structured data, and sitemap
• ♿ Accessible - WCAG compliant with Radix UI primitives
• 🌙 Dark Mode Ready - Theme switching capability
• 📊 Analytics Ready - Google Analytics integration ready

🛠️ Getting Started

Installation

1. Clone the repository

   git clone https://github.com/omergulcicek/omergulcicek.com.git
   cd omergulcicek.com

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Open your browser Navigate to http://localhost:3000 to see the result.

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

📁 Project Structure

src/
├── app/                # Next.js App Router pages
├── components/         # Reusable UI components
│   ├── icons/          # Icons components
│   └── shared/         # Shared layout components
│   ├── ui/             # Shadcn/ui components
│   ├── widgets/        # Feature-specific components
├── constants/          # Application-wide constant values
├── content/            # MDX blog posts
├── data/               # Static data and configurations
├── helper/             # Helper functions
├── hooks/              # Custom React hooks
├── lib/                # Utility functions
├── types/              # TypeScript type definitions
└── utils/              # Utils functions

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

---

Built with ❤️ using Next.js, React, and TypeScript