Farklı Sayfalar İçin Veri Kaynaklarını Ayırmak İçin Next.js'de Alt Bağlantı Nasıl Kullanılır
Alt bağlantı, uygulamanızdaki belirli bir sayfa veya sayfa grubu için ayrı bir bağlantı oluşturmanıza olanak tanıyan Next.js'deki bir özelliktir. Uygulamanızdaki yalnızca belirli sayfalar tarafından erişilmesi gereken farklı veri kaynaklarınız veya API'leriniz varsa bu yararlı olabilir.
Örneğin, hem genel hem de özel makaleler içeren bir blogunuz olduğunu varsayalım. Özel makaleler için ayrı bir veritabanı veya API kullanmak, ancak genel makaleler için yine aynı veritabanını veya API'yi kullanmak isteyebilirsiniz. Alt bağlantıyla, özel makaleler için ayrı bir bağlantı oluşturabilir ve bunu yalnızca kullanıcı oturum açtığında ve bu makaleleri görüntüleme yetkisine sahip olduğunda kullanabilirsiniz.
Burada bir Next.js uygulamasında alt bağlantıyı nasıl kullanabileceğinize dair bir örnek verilmiştir:
```
// sites/api/articles.js
import { NextApiRequest, NextApiResponse } from 'next';
const Articles = () => {
// Bu API uç noktası tüm genel makaleleri döndürür
return {
async get() {
const makaleler = wait fetch('https://my-public-articles.com/api/articles');
return { data: makaleler };
},
};
};
// sayfalar/api/private-articles. js
import { NextApiRequest, NextApiResponse } from 'sonraki';
const PrivateArticles = () => {
// Bu API uç noktası tüm özel makaleleri döndürür
return {
async get() {
const makaleler = wait fetch('https://my) -private-articles.com/api/articles');
return { data: makaleler };
},
};
};
// sayfalar/index.js
import { useSubconnect } 'sonraki/alt bağlantı'dan;
const IndexPage = () => {
// Genel makaleleri almak için alt bağlantıyı kullanın
const { data: publicArticles } = useSubconnect( Articles );
// Kullanıcı oturum açtığında özel makaleleri almak için alt bağlantıyı kullanın
const { data: PrivateArticles } = useSubconnect( PrivateArticles, {
auth: true, // Yalnızca kullanıcı oturum açtığında erişime izin ver
});
return (
{publicArticles.map((article) => (
)}
{privateArticles.map((article) => (
))}
);
};
```
Bu örnekte, 'Makaleler' ve 'ÖzelMakaleler' API'leri, her biri kendi veri kaynağına ve kimlik doğrulama gereksinimlerine sahip olan ayrı alt bağlantılar olarak tanımlanır. 'IndexPage' bileşeni, genel makaleleri 'Makaleler' API'sinden almak için 'useSubconnect' kancasını kullanır ve ayrıca kullanıcı oturum açtığında 'PrivateArticles' API'sinden özel makaleleri getirmek için 'useSubconnect' kancasını kullanır.
By Alt bağlantıları bu şekilde kullanarak, uygulamanızdaki farklı sayfalar için veri kaynaklarını ayırabilir ve bunları bağımsız olarak yönetebilirken aynı Next.js API'sini ve sayfa oluşturma altyapısını kullanmaya devam edebilirsiniz.
Bunu beğendim
Bunu beğenmedim
İçerik hatası bildir
Paylaş
