{"id":16579,"date":"2025-03-29T12:30:14","date_gmt":"2025-03-29T09:30:14","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/"},"modified":"2025-03-29T12:30:14","modified_gmt":"2025-03-29T09:30:14","slug":"react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/","title":{"rendered":"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131"},"content":{"rendered":"<p><body><\/p>\n<p>React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131<\/p>\n<p>Bu makalede, React.js, Node.js, Next.js, MongoDB, Bunny CDN ve Material UI kullanarak tam bir video yay\u0131n uygulamas\u0131 olu\u015fturma s\u00fcrecini detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z.  \u00d6ncelikle,  projenin mimarisini ve her bir teknolojinin rol\u00fcn\u00fc a\u00e7\u0131klayaca\u011f\u0131z. Ard\u0131ndan,  geli\u015ftirme ad\u0131mlar\u0131n\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz.  Son olarak,  performans optimizasyonlar\u0131 ve olas\u0131 sorunlar hakk\u0131nda bilgiler payla\u015faca\u011f\u0131z.<\/p>\n<h2>Proje Mimarisi ve Teknolojiler<\/h2>\n<p>Uygulamam\u0131z,  modern bir mimariye sahip olacak ve a\u015fa\u011f\u0131daki teknolojileri kullanacakt\u0131r:<\/p>\n<ul>\n<li><b>Frontend (\u0130stemci Taraf\u0131):<\/b> React.js ve Next.js ile kullan\u0131c\u0131 aray\u00fcz\u00fc geli\u015ftirilecektir.  Material UI k\u00fct\u00fcphanesi ise aray\u00fcz\u00fcn g\u00f6rselli\u011fini ve kullan\u0131c\u0131 deneyimini iyile\u015ftirmek i\u00e7in kullan\u0131lacakt\u0131r.  Next.js,  sunucu taraf\u0131 olu\u015fturma (SSR) ve performans optimizasyonu gibi avantajlar sunar. <\/li>\n<li><b>Backend (Sunucu Taraf\u0131):<\/b> Node.js ve Express.js ile API u\u00e7 noktalar\u0131 olu\u015fturulacak ve MongoDB veritaban\u0131 ile video meta verileri ve kullan\u0131c\u0131 bilgileri y\u00f6netilecektir. <\/li>\n<li><b>CDN (\u0130\u00e7erik Da\u011f\u0131t\u0131m A\u011f\u0131):<\/b> Bunny CDN, video dosyalar\u0131n\u0131n h\u0131zl\u0131 ve g\u00fcvenilir bir \u015fekilde da\u011f\u0131t\u0131m\u0131 i\u00e7in kullan\u0131lacakt\u0131r. Bu, kullan\u0131c\u0131lar\u0131n h\u0131zl\u0131 bir \u015fekilde video izleyebilmelerini sa\u011flar. <\/li>\n<\/ul>\n<h2>Geli\u015ftirme Ad\u0131mlar\u0131<\/h2>\n<p>Uygulaman\u0131n geli\u015ftirilmesi a\u015fa\u011f\u0131daki ad\u0131mlar\u0131 i\u00e7erir:<\/p>\n<ol>\n<li><b>Proje Kurulumu:<\/b>  Gerekli paketlerin kurulmas\u0131 ve proje dizinlerinin olu\u015fturulmas\u0131.  <code>npm init -y<\/code> ve  <code>npm install react react-dom next material-ui ...<\/code> gibi komutlar kullan\u0131labilir. <\/li>\n<li><b>Veritaban\u0131 Tasar\u0131m\u0131:<\/b>  MongoDB&#8217;de video bilgileri (ba\u015fl\u0131k, a\u00e7\u0131klama, URL vb.) ve kullan\u0131c\u0131 bilgileri (kullan\u0131c\u0131 ad\u0131, \u015fifre vb.) i\u00e7in koleksiyonlar olu\u015fturulacakt\u0131r.<\/li>\n<li><b>API Geli\u015ftirme:<\/b>  Video y\u00fckleme, listeleme ve oynatma i\u00e7in Node.js ile API u\u00e7 noktalar\u0131 olu\u015fturulacakt\u0131r.  Bunun i\u00e7in Express.js gibi bir framework kullan\u0131lacakt\u0131r. <\/li>\n<li><b>Frontend Geli\u015ftirme:<\/b>  React.js ve Material UI ile kullan\u0131c\u0131 aray\u00fcz\u00fc geli\u015ftirilecek ve API ile ileti\u015fim kurularak video listesinin g\u00f6sterilmesi ve oynat\u0131lmas\u0131n\u0131n sa\u011flanmas\u0131 sa\u011flanacakt\u0131r. <\/li>\n<li><b>Bunny CDN Entegrasyonu:<\/b>  Y\u00fcklenen videolar Bunny CDN&#8217;e y\u00fcklenerek h\u0131zl\u0131 ve g\u00fcvenilir bir \u015fekilde da\u011f\u0131t\u0131lacakt\u0131r.<\/li>\n<li><b>Test ve Yay\u0131nlama:<\/b>  Uygulaman\u0131n iyice test edilmesi ve sonras\u0131nda yay\u0131nlanmas\u0131 gerekecektir.<\/li>\n<\/ol>\n<h2>Performans Optimizasyonlar\u0131<\/h2>\n<p>Uygulaman\u0131n performans\u0131n\u0131 iyile\u015ftirmek i\u00e7in a\u015fa\u011f\u0131daki y\u00f6ntemler kullan\u0131labilir:<\/p>\n<ul>\n<li><b>Video Kodlama:<\/b>  Uygun video codec&#8217;leri ve \u00e7\u00f6z\u00fcn\u00fcrl\u00fckler se\u00e7ilerek bant geni\u015fli\u011fi kullan\u0131m\u0131 optimize edilebilir.<\/li>\n<li><b>Adaptive Bitrate Streaming:<\/b>  Kullan\u0131c\u0131n\u0131n internet h\u0131z\u0131na g\u00f6re video kalitesinin otomatik olarak ayarlanmas\u0131,  kesintisiz bir izleme deneyimi sa\u011flar.<\/li>\n<li><b>Cacheleme:<\/b>  Next.js&#8217;in sunucu taraf\u0131 olu\u015fturma \u00f6zelli\u011fi ve CDN kullan\u0131m\u0131,  sayfa y\u00fckleme s\u00fcrelerini k\u0131salt\u0131r.<\/li>\n<\/ul>\n<p>Bu makale,  tam bir video yay\u0131n uygulamas\u0131 geli\u015ftirmenin temel ad\u0131mlar\u0131n\u0131 \u00f6zetlemektedir. Daha detayl\u0131 bilgi i\u00e7in <a href=\"https:\/\/fatihsoysal.com\">fatihsoysal.com<\/a>  ve di\u011fer kaynaklar\u0131 inceleyebilirsiniz.  Uygulama geli\u015ftirme s\u00fcrecinde kar\u015f\u0131la\u015fabilece\u011finiz sorunlar i\u00e7in  stack overflow gibi platformlardan yard\u0131m alabilirsiniz.   Ayr\u0131ca,  video kodlama ve  CDN entegrasyonu hakk\u0131nda daha fazla bilgi edinmek i\u00e7in ilgili dok\u00fcmanlar\u0131 inceleyebilirsiniz. <\/p>\n<p>Umar\u0131m bu makale size yard\u0131mc\u0131 olmu\u015ftur.  Ba\u015fka sorular\u0131n\u0131z varsa l\u00fctfen bana bildirin.<\/p>\n<p>#Etiketler: video yay\u0131n, React.js, Node.js, Next.js, MongoDB, Bunny CDN, Material UI, tam y\u0131\u011f\u0131n uygulama, yaz\u0131l\u0131m geli\u015ftirme, web geli\u015ftirme, video streaming,  full stack application<\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131 Bu makalede, React.js, Node.js, Next.js,&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-16579","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>React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131<\/title>\n<meta name=\"description\" content=\"Bu makalede, React.js, Node.js, Next.js, MongoDB, Bunny CDN ve Material UI kullanarak tam bir video yay\u0131n uygulamas\u0131 olu\u015fturma s\u00fcrecini detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6ncelikle, projenin mimarisini ve her bir teknolojinin rol\u00fcn\u00fc a\u00e7\u0131klayaca\u011f\u0131z. Ard\u0131ndan, geli\u015ftirme ad\u0131mlar\u0131n\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Son olarak, performans optimizasyonlar\u0131 ve olas\u0131 sorunlar hakk\u0131nda bilgiler payla\u015faca\u011f\u0131z.\" \/>\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\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131\" \/>\n<meta property=\"og:description\" content=\"Bu makalede, React.js, Node.js, Next.js, MongoDB, Bunny CDN ve Material UI kullanarak tam bir video yay\u0131n uygulamas\u0131 olu\u015fturma s\u00fcrecini detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6ncelikle, projenin mimarisini ve her bir teknolojinin rol\u00fcn\u00fc a\u00e7\u0131klayaca\u011f\u0131z. Ard\u0131ndan, geli\u015ftirme ad\u0131mlar\u0131n\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Son olarak, performans optimizasyonlar\u0131 ve olas\u0131 sorunlar hakk\u0131nda bilgiler payla\u015faca\u011f\u0131z.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-03-29T09:30:14+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\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131\",\"datePublished\":\"2025-03-29T09:30:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/\"},\"wordCount\":597,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/\",\"name\":\"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-03-29T09:30:14+00:00\",\"description\":\"Bu makalede, React.js, Node.js, Next.js, MongoDB, Bunny CDN ve Material UI kullanarak tam bir video yay\u0131n uygulamas\u0131 olu\u015fturma s\u00fcrecini detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6ncelikle, projenin mimarisini ve her bir teknolojinin rol\u00fcn\u00fc a\u00e7\u0131klayaca\u011f\u0131z. Ard\u0131ndan, geli\u015ftirme ad\u0131mlar\u0131n\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Son olarak, performans optimizasyonlar\u0131 ve olas\u0131 sorunlar hakk\u0131nda bilgiler payla\u015faca\u011f\u0131z.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131\"}]},{\"@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":"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131","description":"Bu makalede, React.js, Node.js, Next.js, MongoDB, Bunny CDN ve Material UI kullanarak tam bir video yay\u0131n uygulamas\u0131 olu\u015fturma s\u00fcrecini detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6ncelikle, projenin mimarisini ve her bir teknolojinin rol\u00fcn\u00fc a\u00e7\u0131klayaca\u011f\u0131z. Ard\u0131ndan, geli\u015ftirme ad\u0131mlar\u0131n\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Son olarak, performans optimizasyonlar\u0131 ve olas\u0131 sorunlar hakk\u0131nda bilgiler payla\u015faca\u011f\u0131z.","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\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/","og_locale":"tr_TR","og_type":"article","og_title":"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131","og_description":"Bu makalede, React.js, Node.js, Next.js, MongoDB, Bunny CDN ve Material UI kullanarak tam bir video yay\u0131n uygulamas\u0131 olu\u015fturma s\u00fcrecini detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6ncelikle, projenin mimarisini ve her bir teknolojinin rol\u00fcn\u00fc a\u00e7\u0131klayaca\u011f\u0131z. Ard\u0131ndan, geli\u015ftirme ad\u0131mlar\u0131n\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Son olarak, performans optimizasyonlar\u0131 ve olas\u0131 sorunlar hakk\u0131nda bilgiler payla\u015faca\u011f\u0131z.","og_url":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-03-29T09:30:14+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\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131","datePublished":"2025-03-29T09:30:14+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/"},"wordCount":597,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/","url":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/","name":"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-03-29T09:30:14+00:00","description":"Bu makalede, React.js, Node.js, Next.js, MongoDB, Bunny CDN ve Material UI kullanarak tam bir video yay\u0131n uygulamas\u0131 olu\u015fturma s\u00fcrecini detayl\u0131 bir \u015fekilde ele alaca\u011f\u0131z. \u00d6ncelikle, projenin mimarisini ve her bir teknolojinin rol\u00fcn\u00fc a\u00e7\u0131klayaca\u011f\u0131z. Ard\u0131ndan, geli\u015ftirme ad\u0131mlar\u0131n\u0131 ad\u0131m ad\u0131m inceleyece\u011fiz. Son olarak, performans optimizasyonlar\u0131 ve olas\u0131 sorunlar hakk\u0131nda bilgiler payla\u015faca\u011f\u0131z.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/react-node-js-next-js-mongodb-ve-bunny-cdn-ile-tam-yigin-video-yayin-uygulamasi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"React, Node.js, Next.js, MongoDB ve Bunny CDN ile Tam Y\u0131\u011f\u0131n Video Yay\u0131n Uygulamas\u0131"}]},{"@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\/16579","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=16579"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/16579\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=16579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=16579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=16579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}