Laravel 11 Yapılandırması ve Vite Entegrasyonu

Laravel 11, modern web geliştirme için güçlü bir yapı sunar. Ancak, projeye başlarken bazı yapılandırmalar ve geliştirme araçlarının doğru şekilde ayarlanması gerekir. Laravel 11 ile birlikte gelen en büyük yeniliklerden biri de Vite'in entegrasyonudur. Bu makalede, Laravel 11’in yapılandırılması ve Vite ile birlikte nasıl kullanıldığını ele alacağız.

Diğer laravel 11 dersleri için sitemizi ve youtube kanalımızı takip edin. 

Şafak Saraçoğlu YouTube | Laravel 11 Eğitim Seti

1. Laravel 11 Yapılandırması

Laravel projelerinde yapılandırmalar genellikle .env dosyasında yapılır. Bu dosya, uygulamanın ortam ayarlarını (veritabanı, mail sunucusu, oturum yönetimi vb.) içerir.

Temel Yapılandırma Ayarları

.env dosyasındaki en önemli yapılandırmalar şu şekildedir:

  • APP_NAME: Uygulamanızın adı.
  • APP_ENV: Uygulamanın çalışma ortamı (local, production gibi).
  • APP_KEY: Uygulamanın güvenlik anahtarı. Kurulum sırasında otomatik olarak oluşturulur, ancak değiştirilmemelidir.
  • APP_DEBUG: Geliştirme sırasında hata mesajlarını görmek için true, üretimde gizlemek için false yapın.
  • APP_URL: Uygulamanın temel URL’si.

Örnek .env dosyası:

APP_NAME=Laravel
APP_ENV=local
APP_KEY=base64:...
APP_DEBUG=true
APP_URL=http://localhost

Veritabanı Yapılandırması

Laravel, birçok veritabanı yönetim sistemi ile entegre olabilir. En yaygın kullanılanlardan biri MySQL'dir. .env dosyasında veritabanı yapılandırmalarını şu şekilde yapabilirsiniz:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=veritabani_adi
DB_USERNAME=kullanici_adi
DB_PASSWORD=sifre

Oturum Yönetimi

Laravel, oturum verilerini varsayılan olarak dosya sisteminde saklar. Ancak, redis, memcached gibi farklı sürücüleri kullanarak oturum yönetimini yapılandırabilirsiniz. Bu ayarları .env dosyasından değiştirebilirsiniz:

SESSION_DRIVER=file

Mail Sunucusu Yapılandırması

E-posta göndermek için Laravel’in dahili mail yapılandırmasını kullanabilirsiniz:

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=null
MAIL_PASSWORD=null
MAIL_ENCRYPTION=null

Bu ayarlar, Laravel'in Mail hizmetini kullanarak e-posta gönderimini sağlar.

2. Vite Nedir?

Vite, özellikle modern JavaScript uygulamaları için geliştirilmiş, hızlı ve hafif bir ön derleyicidir. Laravel 11 ile birlikte gelen Vite entegrasyonu, modern tarayıcı özelliklerinden faydalanarak hızlı ve etkin bir geliştirme ortamı sunar. Laravel’in önceki sürümlerinde kullanılan Webpack yerini Vite’e bırakmıştır.

Vite, varlık dosyalarının (JavaScript, CSS, Vue, React gibi) hızlı derlenmesini ve yerel geliştirme sunucusunda anlık güncellenmesini sağlar. HMR (Hot Module Replacement) ile tarayıcıyı yeniden yüklemeden değişiklikler uygulanır.

Vite’in Avantajları

  • Hızlı başlatma ve daha hızlı derleme süreleri.
  • Modern tarayıcılar için yerel ES module kullanımı.
  • Hot Module Replacement (HMR) ile geliştirme sırasında anında güncelleme.
  • Daha temiz ve basit konfigürasyon.

3. Laravel 11’de Vite Kullanımı

Laravel 11, varsayılan olarak Vite ile birlikte gelir. Projeyi oluşturduğunuzda, Laravel’in vite.config.js dosyası Vite yapılandırmasını içerir ve resources/js/app.js ve resources/css/app.css dosyalarını derlemek için kullanılır.

Vite ile Proje Kurulumu

  1. Laravel projesinde JavaScript ve CSS dosyalarını derlemek için, Node.js ve npm'nin yüklü olması gerekir. Node.js'i buradan indirebilirsiniz.

  2. Projenizde Vite kullanmak için gerekli bağımlılıkları yükleyin:

npm install

  • Bu komut, package.json dosyasındaki bağımlılıkları indirir.

    3. Vite ile geliştirme sunucusunu başlatın:

npm run dev

  1. Bu komut, Vite geliştirme sunucusunu başlatır ve varlık dosyalarını izlemeye başlar. Vite’nin Hot Module Replacement (HMR) özelliği ile tarayıcıda yaptığınız değişiklikler anında uygulanacaktır.

Vite’in Yapılandırılması

Vite yapılandırma dosyası vite.config.js olarak adlandırılır. Bu dosyada varlıkların nerede bulunacağını, hangi dosyaların izleneceğini ve hangi eklentilerin kullanılacağını yapılandırabilirsiniz. Laravel projelerinde varsayılan olarak bu dosya şu şekildedir:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
 plugins: [
 laravel({
 input: ['resources/css/app.css', 'resources/js/app.js'],
 refresh: true,
 }),
 ],
});

input kısmında CSS ve JS dosyalarının derlenmesi sağlanır.

Vite ile Üretim İçin Derleme

Geliştirme ortamında npm run dev komutu ile varlık dosyalarınızı izleyebilirsiniz. Ancak, projeyi yayına almak için dosyalarınızı üretim modunda derlemeniz gerekir:

npm run build

Bu komut, optimize edilmiş CSS ve JS dosyalarını public/build klasörüne derler ve sıkıştırır. Laravel, bu derlenen dosyaları otomatik olarak public klasöründen yükler.

4. Vite ile Blade Entegrasyonu

Blade şablonları içerisinde Vite’i kullanarak CSS ve JS dosyalarını kolayca çağırabilirsiniz. Laravel’de @vite direktifi ile Vite’in derlediği dosyalar çağrılır:

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Laravel 11 ve Vite</title>
 
 {{-- Vite tarafından derlenen CSS dosyasını dahil ediyoruz --}}
 @vite('resources/css/app.css')
</head>
<body>
 
 <h1>Laravel 11 ile Vite Entegrasyonu</h1>
 
 {{-- Vite tarafından derlenen JS dosyasını dahil ediyoruz --}}
 @vite('resources/js/app.js')
</body>
</html>

Bu şekilde, Vite tarafından derlenen dosyalar otomatik olarak şablonlara eklenir.

Laravel 11 Yapılandırması ve Vite Entegrasyonu

Laravel 11 ile Vite, modern web geliştirme sürecini daha hızlı ve verimli hale getiriyor. Vite ile hızlı ön derleme, anında değişikliklerin uygulanması ve gelişmiş tarayıcı desteği sunularak geliştirme süreci hızlandırılıyor. Laravel’in varsayılan yapılandırmalarını yaparak projenize hemen başlayabilir ve Vite’in sağladığı avantajlarla güçlü, modern uygulamalar geliştirebilirsiniz.

WhatsApp iletişim hattı