1. Paragraph

Hello World! Ini adalah paragraf standar untuk menguji apakah Notion API dapat mengambil teks, mempertahankan urutan konten, dan merender paragraf dengan benar di website.

Ini adalah paragraf kedua untuk menguji jarak antarparagraf, pemisahan blok, serta konsistensi tipografi.

2. Text Formatting

Uji semua format teks berikut:

• Bold text
• Italic text
• Underline text
• Strikethrough text
• Inline code
• Bold and italic text
• Teks normal dengan bold, italic, dan code dalam satu paragraf.
• Teks dengan tautan: OpenAI
• Colored text
• Stabilo text
• Math

3. Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

4. Lists

Unordered List

• Item pertama
• Item kedua
  • Subitem kedua A
  • Subitem kedua B
    • Subitem bertingkat tiga
• Item ketiga

Ordered List

1. Langkah pertama
2. Langkah kedua
   1. Sub-langkah kedua A
   2. Sub-langkah kedua B
3. Langkah ketiga

To-do List

• Tugas yang belum selesai
• Tugas yang sudah selesai
• Tugas pengujian lainnya

5. Quote

Ini adalah blockquote untuk menguji apakah kutipan dari Notion dirender dengan indentasi, garis pembatas, atau gaya visual yang sesuai.

6. Callout

7. Code Block

Contoh kode JavaScript:

function helloWorld() {
  console.log("Hello World!");
}

helloWorld();

Contoh HTML:

<article>
  <h1>Hello World</h1>
  <p>Ini adalah artikel pengujian.</p>
</article>

Contoh CSS:

.article {
  max-width: 720px;
  margin-inline: auto;
  line-height: 1.8;
}

8. Divider

Konten sebelum divider.

Konten setelah divider.

9. Links

Tautan eksternal: Astro Documentation

Tautan kedua: Notion API Documentation

Uji juga tautan internal antarhalaman jika website mendukungnya.

10. Image

Image test: Sisipkan gambar langsung menggunakan blok Image di Notion.

Pastikan gambar memiliki:

• URL atau sumber file yang valid.
• Teks alternatif jika tersedia.
• Caption jika tersedia.

Caption pengujian gambar: Hello World Image Test.

11. Video and Embed

Video test: Sisipkan video menggunakan blok yang didukung Notion.

Embed test: Sisipkan sebuah embed, misalnya video YouTube atau halaman eksternal.

Periksa apakah sistem:

• Mempertahankan URL sumber.
• Menampilkan embed jika didukung.
• Menyediakan fallback berupa tautan jika embed tidak dapat ditampilkan.

12. Bookmark

Blok ini menguji apakah bookmark URL dari Notion menjadi kartu tautan, preview, atau tautan biasa.

13. Table

14. Toggle

Toggle: Klik untuk membuka detail pengujian

Konten di dalam toggle ini digunakan untuk menguji apakah teks tersembunyi dapat diambil oleh Notion API dan apakah struktur toggle dapat dipertahankan pada hasil website.

Subkonten toggle:

15. Equation

Inline equation:

(E = mc^2)

Block equation:

[

a^2 + b^2 = c^2

]

Bagian ini menguji apakah persamaan matematika dapat dipertahankan atau setidaknya ditampilkan sebagai teks alternatif.

16. File and Attachment

File test: Sisipkan satu file PDF atau TXT sebagai attachment di Notion.

Pastikan file dapat dikenali, URL unduhan tersedia jika diizinkan, dan website tidak menghasilkan tautan rusak ketika akses file kedaluwarsa.

17. Audio

Audio test: Sisipkan blok audio jika tersedia di workspace Notion.

Periksa apakah sumber audio dapat dikenali dan apakah website menampilkan pemutar audio atau tautan fallback.

18. Table of Contents

Tambahkan blok Table of Contents bawaan Notion di bagian ini.

Tujuan pengujian:

• Heading terdeteksi.
• Anchor setiap heading berfungsi.
• Navigasi menuju bagian artikel berjalan benar.

19. Columns

Kolom kiri

Ini adalah konten kolom kiri untuk menguji tata letak multi-kolom.

20. Child Page

Jika tersedia, sisipkan blok tautan menuju halaman anak Notion.

Uji apakah halaman anak diabaikan, diubah menjadi tautan, atau ikut diproses sebagai konten terpisah sesuai konfigurasi SSG.

21. Unsupported Block Test

Tambahkan beberapa blok Notion lain yang tersedia di workspace, misalnya:

• Synced block
• Table of contents
• Breadcrumb
• Link preview
• Database view
• Button
• Chart, jika tersedia

Tujuan bagian ini adalah mendeteksi blok yang belum didukung dan memastikan sistem tidak gagal membangun seluruh website hanya karena satu blok tidak dikenal.

22. Empty Content Test

Paragraf sebelum blok kosong.

Paragraf setelah blok kosong.

Bagian ini digunakan untuk menguji perilaku sistem saat menghadapi blok kosong atau konten yang tidak memiliki teks.

23. Final Validation

Checklist pengujian:

• Semua blok berhasil diambil dari Notion.
• Urutan blok tetap sama.
• Heading menghasilkan struktur HTML yang benar.
• Format teks tetap dipertahankan.
• Gambar dan file dapat diakses.
• Tabel tidak rusak pada layar kecil.
• Kode ditampilkan tanpa kehilangan indentasi.
• Tautan eksternal berfungsi.
• Blok yang tidak didukung memiliki fallback.
• Tidak ada error saat proses build.
• Output HTML valid dan responsif.

Database

ini adalah database inline

Database view

ini adalah view database versi galery

Galery view

▣Tampilan galeri▦Tabel

daftar bangsa asing yang datang ke nusantara

semester 1

kelas 6kelas x

Bangsa spanyol, portugis, belanda dan inggris datang kenusantara untuk berdangang?

↗ 1 relasi

28 Okt 2026

latar belakang datangnya bangsa barat ke Nusantara

semester 1

kelas 6kelas x

Nusantara memiliki rempah-rempah bernilai tinggi seperti cengkih, pala, dan lada.

↗ 1 relasi

28 Okt 2026

RPP deep learning

semester 1 dan 2

perangkat ajar

Download RPP deep learning Fase A B C, kurikulum merdeka

↗ 1 relasi

13 Okt 2026

Personal pronouns

semester 1

kelas 6

memahami i, you, we, they, he, she, it

↗ 1 relasi

13 Okt 2026

Sinonim dan antonim

semester 1

kelas 6

memahami sinonim dan antonim

↗ 1 relasi

12 Okt 2026

5 item

ini adalah view database versi tabel

Conclusion

Hello World! Jika seluruh bagian berhasil diproses, integrasi Notion → SSG → HTML telah melewati pengujian dasar struktur konten.

Namun, hasil yang benar-benar lulus baru dapat dipastikan setelah konten diambil melalui Notion API, dikonversi oleh pipeline SSG, lalu diperiksa pada HTML hasil build.

End of Test Article