𝗠𝗘𝗥𝗡 𝗦𝘁𝗮𝗰𝗸 𝗢ğ𝗿𝗮𝗻𝗺𝗮 𝗗𝗮𝘆 𝟰𝟰

Express.js sunucum eskiden sadece JSON verisi gönderiyordu. Bugün bunu değiştirdim.

HTML, CSS ve görselleri doğrudan backend'imden nasıl sunacağımı öğrendim. Bu, projemin basit bir API'den tam kapsamlı (full-stack) bir uygulamaya dönüşmesini sağlıyor.

Dosya yönlendirmede (file routing) uzmanlaşmak için Complete Coding backend track'i takip ettim.

Gerçek bir üretim ortamında, frontend dosyalarını iletmek için verimli bir yönteme ihtiyacınız vardır. Dosyaları okumak için özel döngüler yazmamalısınız.

Bugün kullandığım kurulum şu şekildedir:

  • express.static() Middleware Express, express.static() adlı yerleşik bir araç içerir. Bu araç, tarayıcıya sunmak üzere public veya assets gibi bir klasör seçmenize olanak tanır.

  • path.join() Node.js path modülünü ve __dirname değişkenini kullandım. Bu, sunucumun Windows, Linux veya Mac üzerinde dosyaları hatasız bir şekilde bulmasını sağlar.

Kod şu şekildedir:

const express = require("express");
const path = require("path");
const app = express();
const PORT = 8000;

app.use(express.static(path.join(__dirname, "public")));

app.get("/", (req, res) => {
    res.sendFile(path.join(__dirname, "public", "index.html"));
});

app.listen(PORT, () => {
    console.log(`Server running on http://localhost:${PORT}`);
});

Bu temelleri inşa etmek, web'in nasıl çalıştığını anlamama yardımcı oluyor.

Kaynak: https://dev.to/ali_hamza_589ec7b3eb6688d/day-44-of-learning-mern-stack-3c0m