ServBay Ortamında Statamic'i Kurma ve Yapılandırma

Statamic Nedir?

Statamic, Laravel çerçevesi üzerine kurulu modern bir içerik yönetim sistemi (CMS) olup, farklı türlerde web siteleri oluşturmak için uygundur. Statamic, esnekliği ve güçlü özellikleriyle bilinir; içerikleri dosya sisteminde saklar, ancak veri tabanı kullanımı da tercih edilebilir.

Statamic Kurulum Adımları

Bu makalede, ServBay ortamında Composer kullanarak Statamic'i nasıl kuracağınızı ve yapılandıracağınızı anlatacağız.

Adım 1: Proje Dizini Oluşturma

Öncelikle, ServBay'in www dizininde yeni bir proje dizini oluşturun:

bash

cd /Applications/ServBay/www
mkdir servbay-statamic-app
cd servbay-statamic-app

Adım 2: Composer Kullanarak Statamic Projesi Oluşturma

ServBay zaten Composer ile birlikte geliyor, bu yüzden doğrudan Composer kullanarak Statamic projesi oluşturabiliriz:

bash

composer create-project statamic/statamic .

Adım 3: Web Sunucusunu Yapılandırma

Yeni Web Sitesi Ekleme
ServBay'i açın ve "Host" sekmesine tıklayarak yeni bir web sitesi ekleyin:
- İsim: My Statamic Site
- Alan Adı: servbay-statamic.local
- Web Sitesi Türü: PHP
- PHP Versiyonu: Uygun PHP versiyonunu seçin
- Web Sitesi Kök Dizin: /Applications/ServBay/www/servbay-statamic-app/public
Yapılandırmayı Kaydet
Yapılandırmayı kaydedin ve ServBay'i yeniden başlatın.

Adım 4: Statamic'i Yapılandırma

Ortam Yapılandırma Dosyasını Düzenleme
Proje kök dizininde .env.example dosyasını kopyalayarak .env olarak adlandırın:
bash
```
cp .env.example .env
```
1
Uygulama Anahtarı Oluşturma
Yeni bir uygulama anahtarı oluşturmak için aşağıdaki komutu çalıştırın:
bash
```
php artisan key:generate
```
1

Adım 5: Statamic'i Çalıştırma

Statamic'e Erişim
Tarayıcıyı açın ve https://servbay-statamic.local adresine gidin, Statamic'in karşılama sayfasını göreceksiniz.
Kontrol Paneline Erişim
Tarayıcıyı açın ve https://servbay-statamic.local/cp adresine gidin, Statamic kontrol panelinin giriş sayfasını göreceksiniz.
Yönetici Hesabı Oluşturma
Sayfadaki yönergeleri izleyerek yönetici hesabı oluşturun, kullanıcı adı, şifre ve e-posta adresini doldurun, ardından "Hesap Oluştur" butonuna tıklayın.

Adım 6: Eklentiler ve Temalar Yükleme

Eklenti Yükleme
Statamic kontrol paneline giriş yapın, "Artı" ikonuna tıklayın, ardından "Eklentiler" butonuna tıklayın, ihtiyacınız olan eklentileri arayın ve yükleyin.
Tema Yükleme
"Artı" ikonuna tıklayın, ardından "Temalar" butonuna tıklayın, beğendiğiniz bir temayı seçin ve yükleyin.

Statamic ile Web Sitesi Oluşturma

Artık Statamic'i ServBay ortamında başarıyla kurup yapılandırdınız, web sitenizi oluşturmaya başlayabilirsiniz. İşte bazı yaygın işlemler:

İçerik ve Koleksiyon Oluşturma

Koleksiyon Oluşturma
Statamic kontrol panelinde, "İçerik" -> "Koleksiyonlar" sekmesine tıklayın, yeni bir koleksiyon oluşturun, koleksiyon adını ve diğer ayarları doldurun, ardından "Kaydet" butonuna tıklayın.
İçerik Oluşturma
"İçerik" -> "Koleksiyonlar" sekmesine tıklayın, az önce oluşturduğunuz koleksiyonu seçin, "Yeni" butonuna tıklayın, içerik başlığını ve içeriği doldurun, ardından "Kaydet" butonuna tıklayın.

Navigasyon Menüsünü Yapılandırma

Navigasyon Oluşturma
Statamic kontrol panelinde, "İçerik" -> "Navigasyon" sekmesine tıklayın, yeni bir navigasyon oluşturun, navigasyon adını ve diğer ayarları doldurun, ardından "Kaydet" butonuna tıklayın.
Navigasyon Öğesi Ekleme
Koleksiyon ve içerikleri navigasyona ekleyin, ardından "Kaydet" butonuna tıklayın.

Şablonları ve Stilleri Özelleştirme

Şablonu Düzenleme

resources/views dizininde Blade şablon dosyalarını düzenleyerek web sitenizin düzenini ve içerik görünümünü özelleştirin. Örneğin, default.blade.php dosyasını düzenleyin:

html

<!-- resources/views/layouts/default.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $title ?? 'My Statamic Site' }}</title>
    <link rel="stylesheet" href="{{ mix('css/app.css') }}">
</head>
<body>
    <header>
        <nav>
            <ul>
                @foreach ($navigation as $item)
                    <li><a href="{{ $item->url() }}">{{ $item->title() }}</a></li>
                @endforeach
            </ul>
        </nav>
    </header>
    <main>
        @yield('content')
    </main>
    <script src="{{ mix('js/app.js') }}"></script>
</body>
</html>

Stil Ekleme
resources/css dizininde bir CSS dosyası oluşturun ve şablon dosyasında referans gösterin. Örneğin, app.css dosyasını oluşturun:
css
```
/* resources/css/app.css */
body {
    font-family: Arial, sans-serif;
}
```
1
2
3
4
Şablon dosyasında CSS dosyasına referans gösterin:
html
```

<link rel="stylesheet" href="{{ mix('css/app.css') }}">
```
1
2
Script Ekleme
resources/js dizininde bir JavaScript dosyası oluşturun ve şablon dosyasında referans gösterin. Örneğin, app.js dosyasını oluşturun:
javascript
```
// resources/js/app.js
document.addEventListener('DOMContentLoaded', function() {
    console.log('Hello, Statamic!');
});
```
1
2
3
4
Şablon dosyasında JavaScript dosyasına referans gösterin:
html
```

<script src="{{ mix('js/app.js') }}"></script>
```
1
2
Kaynakları Derleme
CSS ve JavaScript dosyalarını derlemek için aşağıdaki komutu çalıştırın:
bash
```
npm install
npm run dev
```
1
2

Bu adımları tamamlayarak, ServBay ortamında Statamic'i başarıyla kurdunuz ve yapılandırdınız, şimdi Statamic'in esnekliği ve güçlü özellikleri ile web sitenizi oluşturmaya başlayabilirsiniz.

ServBay Ortamında Statamic'i Kurma ve Yapılandırma ​

Statamic Nedir? ​

Statamic Kurulum Adımları ​

Adım 1: Proje Dizini Oluşturma ​

Adım 2: Composer Kullanarak Statamic Projesi Oluşturma ​

Adım 3: Web Sunucusunu Yapılandırma ​

Adım 4: Statamic'i Yapılandırma ​

Adım 5: Statamic'i Çalıştırma ​

Adım 6: Eklentiler ve Temalar Yükleme ​

Statamic ile Web Sitesi Oluşturma ​

İçerik ve Koleksiyon Oluşturma ​

Navigasyon Menüsünü Yapılandırma ​

Şablonları ve Stilleri Özelleştirme ​