Single Page Deneyimi

Giriş

SPA (Single Page Application), tarayıcının sayfayı her navigasyonda tamamen yenilemek yerine sadece değişen içeriği güncellediği uygulama türüdür.

1. Yöntem: One-Page Mimarisi

Tüm içeriğin tek bir uzun sayfada toplandığı yapıdır.

Smooth Scroll (CSS)

html { scroll-behavior: smooth; }

2. Yöntem: AJAX / Fetch API

Sayfayı yenilemeden bir div içini güncelleme yöntemidir.

function loadPage(url) {
    fetch(url)
        .then(res => res.text())
        .then(html => {
            document.getElementById('content').innerHTML = html;
            window.history.pushState({}, '', url);
        });
}