Frontend Tools, insanların sevdiği toolları ekleyebildiği, beğenebildiği ve kaydedebildiği bir fullstack uygulamadır. Bu uygulama, NextJS'in app-dir özelliğini kullanarak geliştirilmiştir.
- Kullanıcılar NextAuth uygulamasıyla giriş yapabilir.
- Kullanıcılar sevdikleri toolları ekleyebilir, beğenebilir ve kaydedebilir.
- Kullanıcılar dashboard sayfasında yarattığı, beğendiği ve kaydettiği toolları görüntüleyebilir.
- NextJS 13: Next.js'in son sürümünü kullanarak uygulamayı geliştirdik.
- TypeScript: Uygulama, güçlü bir tip sistemi ile TypeScript ile yazılmıştır.
- Hookform: Form işlemleri için Hookform'u kullandık.
- Next-Auth: Kullanıcı kimlik doğrulama ve yetkilendirme için NextAuth'ı kullandık.
- Prisma: Veritabanı işlemleri için Prisma ORM kullanıldı.
- DaisyUI: UI bileşenleri için DaisyUI kullanıldı.
- ESLint: Kod kalitesini sağlamak için ESLint kullanıldı.
- clsx: CSS sınıfları oluşturmak için clsx kullanıldı.
- React Icons: İkonlar için React Icons kullanıldı.
- React Toastify: Bildirimler için React Toastify kullanıldı.
- Tailwind CSS: UI tasarımı için Tailwind CSS kullanıldı.
- Zod: Veri doğrulama için Zod kullanıldı.
- Depoyu bilgisayarınıza klonlayın:
git clone https://github.com/ercumentlacin/next13-frontend-tools.git- Proje dizinine gidin
cd next13-frontend-tools- Gerekli bağımlılıkları yüklemek için aşağıdaki komutu çalıştırın
pnpm install- Ortam değişkenlerini yapılandırın
- .env.example dosyasını kopyalayın ve .env olarak adlandırın.
- .env dosyasını düzenleyerek gerekli ortam değişkenlerini belirtin.
- Uygulamayı başlatmak için aşağıdaki komutu çalıştırın
pnpm dev- Tarayıcınızda http://localhost:3000 adresine gidin ve uygulamayı kullanmaya başlayın
Katkıda bulunmak için önerilerinizi veya sorularınızı issue tracker üzerinden iletebilirsiniz. Ayrıca, projenizi çatallayarak ve pull request göndererek de katkıda bulunabilirsiniz.
Bu proje MIT lisansı altında lisanslanmıştır.
Bu readme dosyasını projenizin ana dizinine ekleyebilirsiniz ve projenizi açıklayan bilgileri ekleyebilirsiniz. Unutmayın, README.md dosyası projenizin kullanıcılarınıza ve diğer geliştiricilere projeniz hakkında detaylı bilgi sağlamak için önemli bir kaynaktır.