Angular Universal & SSR
Server-side rendering, prerendering, setup Angular Universal, deteksi platform, transfer state, optimasi SEO
1Apa itu Angular Universal?
Apa itu Angular Universal?
Jawaban
Angular Universal adalah solusi resmi untuk server-side rendering (SSR) di Angular. Ia menghasilkan HTML di server sebelum mengirimkannya ke klien, meningkatkan waktu muat awal dan SEO. Berbeda dengan rendering klasik yang memerlukan pengunduhan dan eksekusi JavaScript sebelum menampilkan konten, Universal menghasilkan HTML lengkap secara langsung.
2Apa keuntungan utama server-side rendering (SSR) untuk SEO?
Apa keuntungan utama server-side rendering (SSR) untuk SEO?
Jawaban
Crawler mesin pencari menerima HTML lengkap yang langsung dapat digunakan, tanpa menunggu eksekusi JavaScript. Ini memastikan pengindeksan konten yang benar bahkan untuk crawler yang kesulitan dengan SPA klasik. Selain itu, meta tag (title, description) hadir sejak pemuatan awal, meningkatkan visibilitas di hasil pencarian.
3Apa perbedaan antara SSR (Server-Side Rendering) dan prerendering?
Apa perbedaan antara SSR (Server-Side Rendering) dan prerendering?
Jawaban
SSR menghasilkan HTML on-demand untuk setiap permintaan pengguna di sisi server, memungkinkan konten dinamis. Prerendering menghasilkan HTML untuk semua rute pada waktu build dan melayani file statis. Prerendering cocok untuk situs dengan konten statis (blog, dokumentasi) karena lebih cepat dan lebih hemat sumber daya. SSR diperlukan untuk konten yang dipersonalisasi atau sering berubah.
Bagaimana mendeteksi apakah kode berjalan di sisi server atau browser?
Apa itu API TransferState dan apa tujuannya?
+17 pertanyaan wawancara
Topik wawancara Angular lainnya
Dasar-dasar TypeScript
TypeScript Lanjutan
Dasar-Dasar Angular
Komponen dan siklus hidup
Services & Dependency Injection
Organisasi Modul Angular
Angular CLI
Direktif dan Pipe
Routing dan Navigasi
Reactive Forms
Template-driven Forms
Dasar-Dasar RxJS
Operator RxJS
HttpClient & Panggilan API
Manajemen State Dasar
Change Detection
Angular Signals
Standalone Components
Unit Testing Angular
Pengujian End-to-End
Build dan optimasi
Dasar-dasar NgRx
NgRx Lanjutan
Arsitektur Angular
Optimisasi Performa
Keamanan dan Praktik Terbaik
Pola RxJS Lanjutan
Micro-frontend Angular
Kuasai Angular untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis