🚀 View Demo : https://modern-portfolio-taupe.vercel.app/
🔥 My own version (its modified of this) : https://parsher.xyz
Bu proje, Next.js, React, TypeScript ve Tailwind CSS kullanılarak geliştirilen kişisel portföy sitesidir. Kendi projelerimi, becerilerimi ve hakkımda bilgileri içeren modern ve şık bir web sitesi sunar.
- ⚡ Next.js ile hızlı ve optimize edilmiş sayfalar
- 🎨 Tailwind CSS ile modern ve şık tasarım
- 🔥 TypeScript ile güçlü ve güvenli kodlama deneyimi
- 🚀 Github ve Discord API'ları ile otomasyon
- 🚀 Siteye anlık olarak dinlediğiniz şarkı, yazdığınız proje ve oynadığınız oyun düşer
- 📜 SEO dostu dinamik sayfalar
- 📱 Mobil uyumlu, duyarlı tasarım
- 📂 Referans işlerim bölümleri
- 📂 Github repolarım bölümleri
- 📧 Animasyonlar ile desteklenmiş tasarımlar
- Framework: Next.js
- Programlama Dili: TypeScript
- Stil Kütüphanesi: Tailwind CSS
- Animasyonlar: Framer Motion
- Node.js (En son LTS sürümü)
- npm veya yarn
- Git
-
Projeyi klonlayın:
git clone https://github.com/your-username/personal-portfolio.git cd personal-portfolio
-
Bağımlılıkları yükleyin:
npm install # veya yarn install
-
Geliştirme modunda başlatın:
npm run dev # veya yarn dev
-
Tarayıcınızda açın: http://localhost:3000
personal-portfolio/
├── public/ # Statik dosyalar (ikonlar, resimler vb.)
├── src/ # Kaynak kodlar
│ ├── components/ # Bileşenler
│ ├── pages/ # Next.js sayfaları
│ ├── styles/ # CSS ve Tailwind konfigürasyonu
│ ├── hooks/ # Özel React Hook'ları
│ ├── utils/ # Yardımcı fonksiyonlar
│ ├── data/ # Statik veriler
└── next.config.js # Next.js yapılandırma dosyası
Projeyi aşağıdaki platformlardan birine kolayca deploy edebilirsiniz:
- Vercel:
vercel
- Netlify:
netlify deploy
- GitHub Pages: Statik HTML olarak oluşturup yükleyin
Bu proje MIT Lisansı ile lisanslanmıştır. Detaylar için LICENSE dosyasına göz atabilirsiniz.
Made with ❤️ by Parsher