{"id":3797,"date":"2024-11-13T13:30:13","date_gmt":"2024-11-13T10:30:13","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/"},"modified":"2024-11-13T13:30:13","modified_gmt":"2024-11-13T10:30:13","slug":"algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/","title":{"rendered":"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1"},"content":{"rendered":"<p>Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1<\/p>\n<p>Bu makalede, g\u00fc\u00e7l\u00fc bir arama deneyimi olu\u015fturmak i\u00e7in Algolia, Next.js ve MongoDB&#8217;yi nas\u0131l entegre edebilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Algolia, h\u0131zl\u0131 ve do\u011fru arama sonu\u00e7lar\u0131 sunan bir bulut tabanl\u0131 arama platformudur. Next.js, performansl\u0131 ve SEO dostu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in kullanabilece\u011finiz bir React \u00e7er\u00e7evesidir. MongoDB ise esnek ve \u00f6l\u00e7eklenebilir bir NoSQL veritaban\u0131 sistemidir.<\/p>\n<h2>Proje Kurulumu<\/h2>\n<p>\u00d6ncelikle, projeyi ba\u015flatmak i\u00e7in gerekli paketleri kuraca\u011f\u0131z. Proje dizininize bir terminal a\u00e7\u0131n ve a\u015fa\u011f\u0131daki komutlar\u0131 \u00e7al\u0131\u015ft\u0131r\u0131n:<\/p>\n<p>&#8220;`bash<br \/>\nnpm init -y<br \/>\nnpm install next react react-dom<br \/>\nnpm install algoliasearch<br \/>\nnpm install mongoose<br \/>\n&#8220;`<\/p>\n<p>Bu paketleri kurduktan sonra, temel bir Next.js uygulamas\u0131 olu\u015fturabiliriz. `pages` klas\u00f6r\u00fcne `index.js` ad\u0131nda bir dosya olu\u015fturun ve a\u015fa\u011f\u0131daki kodu ekleyin:<\/p>\n<p>&#8220;`javascript<br \/>\nimport Head from &#8216;next\/head&#8217;;<\/p>\n<p>export default function Home() {<br \/>\n  return (<\/p>\n<div>\n      <Head><br \/>\n        <title>Algolia Arama Uygulamas\u0131<\/title><br \/>\n      <\/Head><\/p>\n<p>      Algolia Arama Uygulamas\u0131na Ho\u015f Geldiniz!\n    <\/p><\/div>\n<p>  );<br \/>\n}<br \/>\n&#8220;`<\/p>\n<p>Bu kod, basit bir ba\u015fl\u0131k ve ba\u015fl\u0131k i\u00e7eren temel bir Next.js sayfasi olu\u015fturur. Uygulamay\u0131 ba\u015flatmak i\u00e7in terminalde `npm run dev` komutunu \u00e7al\u0131\u015ft\u0131r\u0131n. <\/p>\n<h2>MongoDB Ba\u011flant\u0131s\u0131<\/h2>\n<p>MongoDB&#8217;ye ba\u011flanmak i\u00e7in, \u00f6ncelikle bir veritaban\u0131 olu\u015fturmal\u0131y\u0131z. MongoDB&#8217;nin komut sat\u0131r\u0131 aray\u00fcz\u00fcn\u00fc kullanarak `products` ad\u0131nda bir veritaban\u0131 olu\u015fturabiliriz.<\/p>\n<p>&#8220;`bash<br \/>\nmongo<br \/>\nuse products<br \/>\n&#8220;`<\/p>\n<p>Ard\u0131ndan, `products` ad\u0131nda bir koleksiyon olu\u015fturun ve baz\u0131 \u00fcr\u00fcn verilerini ekleyin:<\/p>\n<p>&#8220;`javascript<br \/>\ndb.products.insertMany([<br \/>\n  {<br \/>\n    name: &#8216;Apple iPhone 13 Pro&#8217;,<br \/>\n    description: &#8216;G\u00fc\u00e7l\u00fc bir ak\u0131ll\u0131 telefon.&#8217;,<br \/>\n    price: 1000,<br \/>\n    imageUrl: &#8216;https:\/\/www.example.com\/iphone13pro.jpg&#8217;,<br \/>\n  },<br \/>\n  {<br \/>\n    name: &#8216;Samsung Galaxy S22 Ultra&#8217;,<br \/>\n    description: &#8216;Bir di\u011fer g\u00fc\u00e7l\u00fc ak\u0131ll\u0131 telefon.&#8217;,<br \/>\n    price: 1200,<br \/>\n    imageUrl: &#8216;https:\/\/www.example.com\/s22ultra.jpg&#8217;,<br \/>\n  },<br \/>\n  {<br \/>\n    name: &#8216;Sony PlayStation 5&#8217;,<br \/>\n    description: &#8216;Yeni nesil oyun konsolu.&#8217;,<br \/>\n    price: 500,<br \/>\n    imageUrl: &#8216;https:\/\/www.example.com\/ps5.jpg&#8217;,<br \/>\n  },<br \/>\n]);<br \/>\n&#8220;`<\/p>\n<p>MongoDB&#8217;ye ba\u011flant\u0131 kurmak i\u00e7in `mongoose` paketini kullanaca\u011f\u0131z. `utils` ad\u0131nda bir klas\u00f6r olu\u015fturun ve `db.js` ad\u0131nda bir dosya ekleyin. A\u015fa\u011f\u0131daki kodu `db.js` dosyas\u0131na ekleyin:<\/p>\n<p>&#8220;`javascript<br \/>\nimport mongoose from &#8216;mongoose&#8217;;<\/p>\n<p>const connection = {};<\/p>\n<p>async function dbConnect() {<br \/>\n  if (connection.isConnected) {<br \/>\n    return;<br \/>\n  }<\/p>\n<p>  const db = await mongoose.connect(process.env.MONGODB_URI, {<br \/>\n    useNewUrlParser: true,<br \/>\n    useUnifiedTopology: true,<br \/>\n  });<\/p>\n<p>  connection.isConnected = db.connections[0].readyState;<br \/>\n  console.log(&#8216;MongoDB Ba\u011flant\u0131s\u0131 Ba\u015far\u0131l\u0131&#8217;);<br \/>\n}<\/p>\n<p>export default dbConnect;<br \/>\n&#8220;`<\/p>\n<p>Bu kod, MongoDB&#8217;ye ba\u011flant\u0131 kurmay\u0131 ve bir ba\u011flant\u0131 nesnesi olu\u015fturmay\u0131 sa\u011flar. `process.env.MONGODB_URI` de\u011fi\u015fkeni, MongoDB ba\u011flant\u0131 dizesini i\u00e7erir. Bu de\u011fi\u015fkeni, `.env` dosyas\u0131nda tan\u0131mlaman\u0131z gerekecektir. <\/p>\n<h2>Algolia Entegresi<\/h2>\n<p>Algolia&#8217;ya entegre olmak i\u00e7in, \u00f6ncelikle bir Algolia hesab\u0131 olu\u015fturman\u0131z ve API anahtarlar\u0131n\u0131z\u0131 alman\u0131z gerekir. API anahtarlar\u0131n\u0131z\u0131 `utils` klas\u00f6r\u00fcndeki `algolia.js` dosyas\u0131nda saklayabilirsiniz:<\/p>\n<p>&#8220;`javascript<br \/>\nimport algoliasearch from &#8216;algoliasearch&#8217;;<\/p>\n<p>const client = algoliasearch(process.env.ALGOLIA_APP_ID, process.env.ALGOLIA_API_KEY);<br \/>\nconst index = client.initIndex(&#8216;products&#8217;);<\/p>\n<p>export default index;<br \/>\n&#8220;`<\/p>\n<p>Bu kod, Algolia istemcisini ba\u015flat\u0131r ve `products` ad\u0131nda bir indeks olu\u015fturur. `process.env.ALGOLIA_APP_ID` ve `process.env.ALGOLIA_API_KEY` de\u011fi\u015fkenlerini, `.env` dosyas\u0131nda tan\u0131mlaman\u0131z gerekecektir. <\/p>\n<h2>Sonu\u00e7<\/h2>\n<p>Bu makalede, Algolia, Next.js ve MongoDB&#8217;yi kullanarak tam y\u0131\u011f\u0131n arama uygulamas\u0131 geli\u015ftirmeye ba\u015flaman\u0131n temel ad\u0131mlar\u0131n\u0131 inceledik. Bir sonraki ad\u0131m, MongoDB veritaban\u0131n\u0131 Algolia indeksiyle senkronize etmek ve arama i\u015flemini uygulamak olacakt\u0131r. Bu konular\u0131, bu serinin sonraki b\u00f6l\u00fcmlerinde ele alaca\u011f\u0131z.<\/p>\n<h2>Referanslar<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.algolia.com\/\">Algolia<\/a><\/li>\n<li><a href=\"https:\/\/nextjs.org\/\">Next.js<\/a><\/li>\n<li><a href=\"https:\/\/www.mongodb.com\/\">MongoDB<\/a><\/li>\n<li><a href=\"https:\/\/fatihsoysal.com\/\">Fatih Soysal<\/a><\/li>\n<\/ul>\n<p># Etiketler<br \/>\n#Algolia #Next.js #MongoDB #Arama #TamY\u0131\u011f\u0131n #WebGeli\u015ftirme #E-Ticaret #JavaScript #React #Veritaban\u0131 #API #SEO #Performans <\/p>\n","protected":false},"excerpt":{"rendered":"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1 Bu makalede, g\u00fc\u00e7l\u00fc bir arama deneyimi olu\u015fturmak&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-3797","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1<\/title>\n<meta name=\"description\" content=\"Bu makalede, g\u00fc\u00e7l\u00fc bir arama deneyimi olu\u015fturmak i\u00e7in Algolia, Next.js ve MongoDB&#039;yi nas\u0131l entegre edebilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Algolia, h\u0131zl\u0131 ve do\u011fru arama sonu\u00e7lar\u0131 sunan bir bulut tabanl\u0131 arama platformudur. Next.js, performansl\u0131 ve SEO dostu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in kullanabilece\u011finiz bir React \u00e7er\u00e7evesidir. MongoDB ise esnek ve \u00f6l\u00e7eklenebilir bir NoSQL veritaban\u0131 sistemidir.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1\" \/>\n<meta property=\"og:description\" content=\"Bu makalede, g\u00fc\u00e7l\u00fc bir arama deneyimi olu\u015fturmak i\u00e7in Algolia, Next.js ve MongoDB&#039;yi nas\u0131l entegre edebilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Algolia, h\u0131zl\u0131 ve do\u011fru arama sonu\u00e7lar\u0131 sunan bir bulut tabanl\u0131 arama platformudur. Next.js, performansl\u0131 ve SEO dostu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in kullanabilece\u011finiz bir React \u00e7er\u00e7evesidir. MongoDB ise esnek ve \u00f6l\u00e7eklenebilir bir NoSQL veritaban\u0131 sistemidir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-13T10:30:13+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1\",\"datePublished\":\"2024-11-13T10:30:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/\"},\"wordCount\":634,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/\",\"name\":\"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-11-13T10:30:13+00:00\",\"description\":\"Bu makalede, g\u00fc\u00e7l\u00fc bir arama deneyimi olu\u015fturmak i\u00e7in Algolia, Next.js ve MongoDB'yi nas\u0131l entegre edebilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Algolia, h\u0131zl\u0131 ve do\u011fru arama sonu\u00e7lar\u0131 sunan bir bulut tabanl\u0131 arama platformudur. Next.js, performansl\u0131 ve SEO dostu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in kullanabilece\u011finiz bir React \u00e7er\u00e7evesidir. MongoDB ise esnek ve \u00f6l\u00e7eklenebilir bir NoSQL veritaban\u0131 sistemidir.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1","description":"Bu makalede, g\u00fc\u00e7l\u00fc bir arama deneyimi olu\u015fturmak i\u00e7in Algolia, Next.js ve MongoDB'yi nas\u0131l entegre edebilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Algolia, h\u0131zl\u0131 ve do\u011fru arama sonu\u00e7lar\u0131 sunan bir bulut tabanl\u0131 arama platformudur. Next.js, performansl\u0131 ve SEO dostu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in kullanabilece\u011finiz bir React \u00e7er\u00e7evesidir. MongoDB ise esnek ve \u00f6l\u00e7eklenebilir bir NoSQL veritaban\u0131 sistemidir.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/","og_locale":"tr_TR","og_type":"article","og_title":"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1","og_description":"Bu makalede, g\u00fc\u00e7l\u00fc bir arama deneyimi olu\u015fturmak i\u00e7in Algolia, Next.js ve MongoDB'yi nas\u0131l entegre edebilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Algolia, h\u0131zl\u0131 ve do\u011fru arama sonu\u00e7lar\u0131 sunan bir bulut tabanl\u0131 arama platformudur. Next.js, performansl\u0131 ve SEO dostu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in kullanabilece\u011finiz bir React \u00e7er\u00e7evesidir. MongoDB ise esnek ve \u00f6l\u00e7eklenebilir bir NoSQL veritaban\u0131 sistemidir.","og_url":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-11-13T10:30:13+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1","datePublished":"2024-11-13T10:30:13+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/"},"wordCount":634,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/","url":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/","name":"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-11-13T10:30:13+00:00","description":"Bu makalede, g\u00fc\u00e7l\u00fc bir arama deneyimi olu\u015fturmak i\u00e7in Algolia, Next.js ve MongoDB'yi nas\u0131l entegre edebilece\u011finizi ad\u0131m ad\u0131m ele alaca\u011f\u0131z. Algolia, h\u0131zl\u0131 ve do\u011fru arama sonu\u00e7lar\u0131 sunan bir bulut tabanl\u0131 arama platformudur. Next.js, performansl\u0131 ve SEO dostu web uygulamalar\u0131 geli\u015ftirmek i\u00e7in kullanabilece\u011finiz bir React \u00e7er\u00e7evesidir. MongoDB ise esnek ve \u00f6l\u00e7eklenebilir bir NoSQL veritaban\u0131 sistemidir.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/algolia-next-js-ve-mongodb-ile-tam-yigin-arama-bolum-1\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Algolia, Next.js ve MongoDB ile Tam Y\u0131\u011f\u0131n Arama | B\u00f6l\u00fcm 1"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/3797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=3797"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/3797\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=3797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=3797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=3797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}