---
title: Giriş
description: Next.js ile örnek bir ikas uygulaması geliştirmeyi adım adım anlatan eğitime genel bakış.
---
Bu eğitim, Next.js pages router ve `@ikas/api-client` gibi eski paketlerle yazılmıştır. Güncel geliştirme akışı için [Admin Uygulamaları](https://builders.ikas.com/docs/app-development/admin-app) ve [ikas SDK](https://builders.ikas.com/docs/app-development/ikas-sdk) sayfalarına bakın.
Next.js, hem client hem de server tarafında ihtiyaç duyduğunuz tüm özellikleri sunan bir React framework'üdür. Ayrıntılı dokümantasyon ve örnekler için [nextjs.org](https://nextjs.org/) adresini inceleyebilirsiniz.
## Hedefler
Bu eğitimde şunları yapacaksınız:
- Temel bir Next.js uygulaması oluşturmak.
- Uygulamanızı hem ikas Dashboard üzerinden hem de kendi uygulamanız üzerinden yetkilendirmek.
- Satıcıyı connect API ile doğrulamak (harici uygulamalar için).
- Satıcıyı ikas App Bridge ile doğrulamak.
- ikas API client ile ikas'tan veri çekmek.
- ikas üzerinde bir siparişi kargoya hazırlamak (fulfill).
- Webhook kaydetmek ve [ngrok](https://ngrok.com/) aracılığıyla webhook almak.
## Başlamadan Önce
Bu eğitim için şunlar gereklidir:
- JavaScript, TypeScript, HTML, CSS ve SCSS konusunda orta düzey bilgi
- React ve Next.js konusunda temel bilgi
### ngrok Kurulumu
- ngrok'u [bu bağlantıdan](https://ngrok.com/download) bilgisayarınıza kurun. Kurulumdan sonra yerel portunuzu internete açmak için aşağıdaki komutu çalıştırın.
```bash
ngrok http 3000
```
- Terminalde görünen forwarding URL'sini kaydedin. Sonraki sayfalarda bu adresten `NGROK_URL` olarak bahsedeceğiz.
### ikas Partners Üzerinde Uygulama Oluşturma [#create-app-ikas-partners]
- Yeni bir partner hesabı oluşturun veya mevcut partner hesabınıza giriş yapın.
- *Uygulamalar* sayfasında **Create New App** butonuna tıklayın.
- Gerekli alanları aşağıdaki ekran görüntüsündeki gibi doldurun. **`my-tunnel.ngrok.io` adresini kendi `NGROK_URL` adresinizle değiştirin.**
`NGROK_URL` adresiniz değişirse bu adresi hem Partners Dashboard'da hem de projenizdeki `.env` dosyasında güncellemeniz gerekir.
### Redis Kurulumu
Bu projede key-value depolama için [Redis](https://redis.io) kullanacağız. Redis hafif bir çözümdür ve bu eğitim karmaşık sorgular gerektirmez. Dilerseniz tercih ettiğiniz başka bir veritabanı çözümünü de kullanabilirsiniz.