Svelte ile İlk Adım: Nasıl Kurulur ve İlk Uygulamanızı Yazarsınız?

Svelte ile İlk Adım: Nasıl Kurulur ve İlk Uygulamanızı Yazarsınız?

Bu yazı, Svelte ile nasıl başlayacağınızı ve ilk uygulamanızı nasıl yazacağınızı anlatan adım adım bir rehber sunuyor. Yeni başlayanlar için harika bir başlangıç noktasını adım adım keşfedin.

BFS

Web geliştirme dünyasında yeni bir oyuncu: Svelte. Evet, doğru duydunuz! Bu küçük ama güçlü framework, son zamanlarda adından oldukça söz ettiriyor. Eğer "Svelte nedir?" diye soruyorsanız, hemen cevap verelim: Svelte, web uygulamaları geliştirmeyi son derece kolaylaştıran ve uygulama boyutlarını küçülten modern bir JavaScript framework'üdür. Diğer büyük framework'lerden farklı olarak, Svelte, uygulama derlenmeden önce size özelleştirilmiş bir JavaScript kodu sunar. Yani, tarayıcıda ekstra yük yok!

Eğer Svelte ile tanışmak istiyorsanız, hemen başlayalım. Adım adım, Svelte'in nasıl kurulacağına ve basit bir ilk uygulamanın nasıl yazılacağına bakalım.

Adım 1: Svelte Kurulumu



Svelte'in büyüsüne adım atmanın ilk adımı, onu bilgisayarınıza kurmak. Hadi, hazır mısınız?

1. Node.js’i yükleyin: Eğer Node.js yüklü değilse, hemen [Node.js’in resmi web sitesinden](https://nodejs.org/) en son sürümü indirin ve yükleyin. Node.js, uygulamanızı çalıştırmak için gerekli olan araçları sağlar.

2. Yeni bir proje oluşturun: Şimdi, terminalinizi (ya da komut istemcisine) açın ve şu komutla yeni bir proje başlatın:


npx degit sveltejs/template my-app


Bu komut, Svelte’in resmi şablonunu indirir ve "my-app" adında yeni bir proje oluşturur. "my-app" ismini dilediğiniz gibi değiştirebilirsiniz.

3. Projeye girin ve bağımlılıkları yükleyin: Oluşturduğunuz dizine gidin ve gerekli bağımlılıkları yükleyin:


cd my-app
npm install


4. Uygulamayı başlatın: Son olarak, yerel geliştirme sunucunuzu başlatın. Terminalde şu komutu yazın:


npm run dev


Artık uygulamanız çalışıyor! Tarayıcınızı açın ve [http://localhost:5000](http://localhost:5000) adresine gidin. Svelte'in “Hello World!” uygulaması sizi bekliyor.

Adım 2: İlk Uygulamanızı Yazın



İlk adımı başarıyla geçtiğiniz için, şimdi biraz eğlenceye başlıyoruz. Kendi "Merhaba Dünya!" uygulamanızı yazalım. Bu çok basit, ama eğlenceli olacak!

1. App.svelte dosyasını açın: Projenizdeki `src/App.svelte` dosyasını açın. İşte kodu:




Merhaba {name}!



Bu kadar! Bu kadar basit. Kodun her bir kısmını incelediğimizde:

- `