Modern web teknolojileriyle inşa edilmiş, gelişime açık mimariye sahip full-stack web uygulaması.
- Next.js 15 – App Router, React Server Components
- TypeScript – Tip güvenliği
- TailwindCSS – Utility-first CSS
- shadcn/ui – Erişilebilir, özelleştirilebilir UI bileşenleri
- Framer Motion – Akıcı animasyonlar
- Lucide React – Modern ikonlar
- FastAPI – Yüksek performanslı Python web framework
- Uvicorn – ASGI sunucusu
- Pydantic – Veri doğrulama
açıksite/
├── src/
│ ├── app/ # Next.js App Router
│ │ ├── layout.tsx # Root layout
│ │ ├── page.tsx # Ana sayfa (Landing Page)
│ │ └── globals.css # Global stiller
│ ├── components/
│ │ ├── ui/ # shadcn/ui bileşenleri
│ │ ├── Navbar.tsx
│ │ ├── Hero.tsx
│ │ ├── Features.tsx
│ │ ├── Stats.tsx
│ │ ├── ApiDemo.tsx
│ │ ├── CTA.tsx
│ │ └── Footer.tsx
│ └── lib/
│ ├── utils.ts # cn yardımcısı
│ └── api.ts # API client
├── backend/
│ ├── main.py # FastAPI uygulaması
│ └── requirements.txt
├── package.json
├── tailwind.config.ts
└── tsconfig.json
npm installcd backend
pip install -r requirements.txtnpm run devcd backend
uvicorn main:app --reload --port 8000- URL: http://localhost:8000
- API Dokümantasyonu: http://localhost:8000/docs (Swagger UI)
| Method | Endpoint | Açıklama |
|---|---|---|
| GET | /api/health | Sağlık kontrolü |
| GET | /api/hello | İsme göre merhaba mesajı |
| POST | /api/echo | Mesaj yankısı |
| POST | /api/contact | İletişim formu |
- Responsive Tasarım – Mobil, tablet ve masaüstü uyumlu
- Scroll Animasyonları – Framer Motion ile fade-in, stagger ve hover efektleri
- Canlı API Demo – Frontend üzerinden backend API'sini test etme
- Dark Mode Hazır – CSS değişkenleriyle dark mode desteği
- Type-Safe – TypeScript ile uçtan uca tip güvenliği
- Ölçeklenebilir Mimari – Yeni sayfalar ve modüller kolayca eklenebilir