https://mustafatemel.com/categories/geli%C5%9Ftirme/Recent content in Geliştirme on Mustafa TemelHugotrinfo@mustafatemel.com (Mustafa Temel)info@mustafatemel.com (Mustafa Temel)Bu eser Creative Commons Attribution-NonCommercial 4.0 International Lisansı ile lisanslanmıştır.Sun, 28 Sep 2025 22:00:00 +0300https://mustafatemel.com/sharepoint-framework-baslangic/Sun, 28 Sep 2025 21:00:00 +0300info@mustafatemel.com (Mustafa Temel)https://mustafatemel.com/sharepoint-framework-baslangic/<h1 id="sharepoint-framework-spfx-ile-geliştirmeye-başlangıç">SharePoint Framework (SPFx) ile Geliştirmeye Başlangıç</h1> <p>Microsoft SharePoint Framework (SPFx), SharePoint Online ve Microsoft Teams için modern, duyarlı ve mobil uyumlu web web part geliştirmek için kullanılan güçlü bir geliştirme modelidir. Bu yazıda SPFx&rsquo;in ne olduğunu, nasıl kurulacağını ve ilk projenizi nasıl oluşturacağınızı adım adım öğreneceksiniz.</p> <h2 id="sharepoint-framework-nedir">SharePoint Framework Nedir?</h2> <p>SharePoint Framework, geliştiricilerin modern JavaScript kütüphaneleri ve araçlarını kullanarak SharePoint için özelleştirmeler yapmasına olanak tanıyan bir geliştirme modelidir.</p> <h3 id="spfxin-temel-avantajları">SPFx&rsquo;in Temel Avantajları</h3> <ul> <li><strong>Modern Web Teknolojileri</strong>: React, Angular, Vue.js gibi popüler frameworks&rsquo;ler kullanabilirsiniz</li> <li><strong>TypeScript Desteği</strong>: Güçlü tip kontrolü ve IntelliSense desteği</li> <li><strong>Responsive Tasarım</strong>: Mobil ve masaüstü cihazlarda mükemmel görünüm</li> <li><strong>Office UI Fabric</strong>: Microsoft&rsquo;un tasarım diline uygun bileşenler</li> <li><strong>SharePoint Context</strong>: SharePoint verilerine kolay erişim</li> </ul> <h2 id="gereksinimler">Gereksinimler</h2> <p>SPFx geliştirmeye başlamadan önce aşağıdaki araçların sisteminizde kurulu olması gerekir:</p>https://mustafatemel.com/sharepoint-paketleme-sureci/Sun, 28 Sep 2025 22:00:00 +0300info@mustafatemel.com (Mustafa Temel)https://mustafatemel.com/sharepoint-paketleme-sureci/<h1 id="sharepoint-framework-paketleme-ve-dağıtım-süreci">SharePoint Framework Paketleme ve Dağıtım Süreci</h1> <p>SharePoint Framework (SPFx) projelerinizi geliştirdikten sonra, bunları SharePoint ortamınıza dağıtmanız gerekir. Bu süreç birkaç basit adımdan oluşur.</p> <h2 id="hızlı-paketleme-adımları">Hızlı Paketleme Adımları</h2> <h3 id="1-projeyi-build-etme">1. Projeyi Build Etme</h3> <div class="code-block code-line-numbers open" style="counter-reset: code-block 0"> <div class="code-header language-bash"> <span class="code-title"><i class="arrow fas fa-angle-right fa-fw" aria-hidden="true"></i></span> <span class="ellipses"><i class="fas fa-ellipsis-h fa-fw" aria-hidden="true"></i></span> <span class="copy" title="Panoya kopyala"><i class="far fa-copy fa-fw" aria-hidden="true"></i></span> </div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># Üretim için build</span> </span></span><span class="line"><span class="cl">gulp build --ship</span></span></code></pre></div></div> <h3 id="2-paketi-oluşturma">2. Paketi Oluşturma</h3> <div class="code-block code-line-numbers open" style="counter-reset: code-block 0"> <div class="code-header language-bash"> <span class="code-title"><i class="arrow fas fa-angle-right fa-fw" aria-hidden="true"></i></span> <span class="ellipses"><i class="fas fa-ellipsis-h fa-fw" aria-hidden="true"></i></span> <span class="copy" title="Panoya kopyala"><i class="far fa-copy fa-fw" aria-hidden="true"></i></span> </div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># .sppkg dosyasını oluştur</span> </span></span><span class="line"><span class="cl">gulp bundle --ship </span></span><span class="line"><span class="cl">gulp package-solution --ship</span></span></code></pre></div></div> <h3 id="3-app-cataloga-yükleme">3. App Catalog&rsquo;a Yükleme</h3> <ol> <li><strong>SharePoint Admin Center</strong> → <strong>More features</strong> → <strong>Apps</strong></li> <li><strong>App Catalog</strong> sitesine git</li> <li><strong>Apps for SharePoint</strong> kütüphanesini aç</li> <li><code>.sppkg</code> dosyasını sürükle-bırak ile yükle</li> </ol> <h3 id="4-uygulamayı-onaylama">4. Uygulamayı Onaylama</h3> <ul> <li><strong>Deploy to all sites</strong> seçeneğini işaretle (tenant-wide deployment için)</li> <li><strong>Make this solution available to all sites</strong> seç</li> <li><strong>Deploy</strong> butonuna tıkla</li> </ul> <h2 id="dosya-yapısı">Dosya Yapısı</h2> <div class="code-block code-line-numbers open" style="counter-reset: code-block 0"> <div class="code-header language-"> <span class="code-title"><i class="arrow fas fa-angle-right fa-fw" aria-hidden="true"></i></span> <span class="ellipses"><i class="fas fa-ellipsis-h fa-fw" aria-hidden="true"></i></span> <span class="copy" title="Panoya kopyala"><i class="far fa-copy fa-fw" aria-hidden="true"></i></span> </div><pre tabindex="0"><code>sharepoint/ └── solution/ └── proje-adi.sppkg # Paket dosyası</code></pre></div> <h2 id="cdn-ayarları-opsiyonel">CDN Ayarları (Opsiyonel)</h2> <p>Eğer CDN kullanıyorsanız:</p>