Table of contents

Intro

Saya membuat situs web ini terutama untuk meningkatkan keterampilan pengembangan web saya. Saya ingin meningkatkan pengetahuan saya tentang pengembangan web modern menggunakan framework, dan setelah meneliti berbagai opsi, saya memutuskan untuk menggunakan framework Astro. Salah satu alasan saya memilih Astro adalah karena dibangun dengan JavaScript dan TypeScript, dan saya juga ingin menggunakan proyek ini sebagai kesempatan untuk belajar lebih banyak tentang TypeScript. Pada akhirnya, tujuan saya adalah membangun situs web yang berkualitas dan belajar typescript sepanjang jalan.

Astro.build

https://astro.build/ Framework Astro adalah framework pengembangan web yang relatif baru yang dirancang untuk membuat situs web berkinerja tinggi yang memuat dengan cepat. Salah satu fitur utama Astro adalah penggunaan server-side rendering (SSR), yang memungkinkan framework untuk pra-render sebagian besar konten situs web di server sebelum mengirimkannya ke klien. Ini berarti situs web dapat memuat jauh lebih cepat karena klien tidak harus menunggu server untuk menghasilkan konten sebelum menampilkannya.

Saya menikmati bekerja dengan framework Astro sejauh ini, karena sangat mudah digunakan, bahkan untuk pemula seperti saya. Beberapa tahun yang lalu, saya memiliki ide yang sama untuk membuat situs web dan mencoba menggunakan framework Hugo. Namun, Hugo didasarkan pada Go, yang membuatnya jauh lebih menantang untuk digunakan, terutama karena saya tidak memiliki pengalaman dengan Go saat itu. Karena saya tertarik untuk belajar JavaScript, saya menemukan bahwa Astro adalah pilihan yang jauh lebih baik bagi saya. Ini telah menjadi cara yang bagus untuk belajar bahasa sambil membangun situs web saya.

Apa selanjutnya?

Saya berhasil membuat fungsionalitas dasar situs web saya berfungsi. Awalnya, saya menggunakan template situs web astro-paper, yang sangat membantu. Namun, setelah sekitar seminggu mengerjakan situs, Astro Framework merilis versi 2.0, yang menyertakan beberapa fitur baru keren yang ingin saya terapkan. Saya membuat beberapa perubahan pada template untuk menyertakan fitur-fitur baru, tetapi saya tidak sepenuhnya memahami cara kerja semuanya. Akibatnya, saya sengaja merusak sebagian besar dan mulai membangun ulang bagian blog dari awal. Meskipun blog sudah berfungsi sekarang, masih ada beberapa fitur yang rusak yang perlu saya perbaiki. Meskipun ada tantangan ini, saya merasa bahwa saya belajar banyak melalui proses ini, yang sangat bagus.

daftar tugas

Masih ada beberapa hal yang perlu saya lakukan untuk meningkatkan situs web sebelum saya sepenuhnya puas dengannya. Saya berharap dapat menyelesaikan tugas-tugas ini dengan cepat, sehingga saya dapat beralih ke proyek lain di luar sekadar membangun situs web sederhana.

• Perbaiki halaman depan situs web.
• Tambahkan konten ke halaman Tentang Saya.
• Perbaiki fungsionalitas pencarian untuk posting blog.
• Hapus semua penyebutan “Tag”.
• Tambahkan fungsi “category cloud”.
• Buat halaman kategori yang tepat.
• Tambahkan dukungan untuk berbagai bahasa.
• Tingkatkan styling CSS.
• Tingkatkan konten situs web secara keseluruhan.