Next.js Bento Grid Portfolio, modern web geliştirme standartlarına uygun bir UI/UX tasarım platformudur.
Proje; minimal, erişilebilir ve kullanıcı dostu bir deneyim sunarak, modern uygulama geliştiriciler için ideal bir temel oluşturur.
Başlıca Özellikler:
- @hello-pangea/dnd ile sürükle-bırak desteği.
- framer-motion ile akıcı ve etkileyici animasyonlar.
- geist ile şık ve minimal tasarımlar.
- next-themes sayesinde tema yönetimi.
- Pocketbase ile güçlü veri yönetimi.
- sonner ile kullanıcı dostu bildirimler.
- @vercel/analytics ile analitik verilerin izlenmesi.
Projeyi yerel ortamınıza kurmak için aşağıdaki adımları izleyin:
Git Clone
git clone https://github.com/enesdmc0/Nextjs15-BentoGrid-Portfolio.git
Install
cd Nextjs15-BentoGrid-Portfolio
bun install
Projede kullanılan başlıca teknolojiler:
- Next.js: React tabanlı modern web framework’ü.
- Tailwind CSS: Yardımcı sınıflarla hızlı ve esnek stil oluşturma.
- TypeScript: Tip güvenliğini sağlayarak daha güvenilir bir kod tabanı.
- Framer Motion: Güçlü ve esnek animasyon kütüphanesi.
- Bun: Hızlı bir JavaScript runtime ve package manager.
- Sonner: Basit ve etkili kullanıcı bildirimleri.
- @hello-pangea/dnd: Sürükle-bırak özelliklerini kolayca uygulamak için kütüphane.
- next-themes: Tema yönetimini kolaylaştırmak için Next.js eklentisi.
- @vercel/analytics: Uygulama performansını ve kullanıcı davranışlarını izlemek için analitik aracı.
Live Preview
https://ui-ux-design-smoky.vercel.app/
Github Repository
https://github.com/enesdmc0/Nextjs15-BentoGrid-Portfolio