Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/parsherr/modern-portfolio
✨🌐 my website, made with Next.js
https://github.com/parsherr/modern-portfolio
nextjs personal-website portfolio portfolio-website react reactjs tailwind tailwindcss ts typescript
Last synced: 2 days ago
JSON representation
✨🌐 my website, made with Next.js
- Host: GitHub
- URL: https://github.com/parsherr/modern-portfolio
- Owner: parsherr
- License: agpl-3.0
- Created: 2024-03-11T06:31:03.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-02-03T15:41:23.000Z (17 days ago)
- Last Synced: 2025-02-03T16:27:17.628Z (17 days ago)
- Topics: nextjs, personal-website, portfolio, portfolio-website, react, reactjs, tailwind, tailwindcss, ts, typescript
- Language: TypeScript
- Homepage: https://modern-portfolio-taupe.vercel.app/
- Size: 562 KB
- Stars: 12
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Personal Portfolio
#### 🚀 View Demo : https://modern-portfolio-taupe.vercel.app/
#### 🔥 My own version (its modified of this) : https://parsher.xyz
-----
⭐ 40 starda büyük bi güncelleme getireceğim. Müşteri yorumları gibi şeyler eklenecek :>
-----
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.
## 🚀 Özellikler
- ⚡ **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
## 📦 Teknoloji Altyapısı
- **Framework**: Next.js
- **Programlama Dili**: TypeScript
- **Stil Kütüphanesi**: Tailwind CSS
- **Animasyonlar**: Framer Motion
## 🚀 Kurulum
### Gereksinimler
- Node.js (En son LTS sürümü)
- npm veya yarn
- Git
### Projeyi Çalıştırma
1. Projeyi klonlayın:
```bash
git clone https://github.com/your-username/personal-portfolio.git
cd personal-portfolio
```
2. Bağımlılıkları yükleyin:
```bash
npm install # veya yarn install
```
3. Geliştirme modunda başlatın:
```bash
npm run dev # veya yarn dev
```
4. Tarayıcınızda açın: [http://localhost:3000](http://localhost:3000)
## 📂 Proje Yapısı
```
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ı
```
## 🌟 Deploy
Projeyi aşağıdaki platformlardan birine kolayca deploy edebilirsiniz:
- **Vercel**: `vercel`
- **Netlify**: `netlify deploy`
- **GitHub Pages**: Statik HTML olarak oluşturup yükleyin
## 📜 Lisans
Bu proje MIT Lisansı ile lisanslanmıştır. Detaylar için [LICENSE](LICENSE) dosyasına göz atabilirsiniz.
---
Made with ❤️ by Parsher