Ngorei

framework v4.0.2

Komponen

Intro

Rute

Render

Struktur Head dan Metadata HTML

Tag <head> berisi informasi metadata tentang halaman web yang tidak ditampilkan secara langsung ke pengguna. Metadata ini sangat penting karena membantu mesin pencari dan browser memahami informasi tentang halaman web. Metadata ditulis menggunakan tag <meta> dengan berbagai atribut.

[root]
   ├── assets/
   │   ├── css/
   │   ├── js/
   ├── public/
   │   ├── exsampel/
   │   │── package.json
   │   └── index.html

Title - judul halaman web
Description - deskripsi singkat tentang isi halaman
Keywords - kata kunci yang relevan dengan konten
Author - penulis atau pembuat halaman
Viewport - pengaturan tampilan untuk perangkat mobile
Link dan Script dalam Head

Metadata biasanya ditempatkan di dalam tag <head> menggunakan tag <meta>. Penggunaan metadata yang tepat dapat membantu meningkatkan SEO (Search Engine Optimization) website.

Pengaturan Link dan Script dalam Head

Buka file package.json untuk melakukan pengaturan Link, Script, dan Metadata. File ini berfungsi sebagai mengatur berbagai aspek penting dalam informasi Web Anda.

Ngorei Framework menyediakan cara yang efisien untuk mengelola metadata, link dan script dalam aplikasi web Anda. Dengan memanfaatkan file package.json, kita dapat mengatur semua resource penting secara terpusat dan terorganisir.

Beberapa keuntungan menggunakan pendekatan ini:

Manajemen resource yang lebih terstruktur dan mudah dimaintain
Pemisahan yang jelas antara properti metadata dan asset
Kemudahan dalam mengubah versi dan konfigurasi global
Optimasi loading dengan pemisahan asset header dan footer

Framework ini secara otomatis akan membaca konfigurasi dari package.json dan menginjeksi metadata serta resource yang diperlukan ke dalam HTML. Hal ini memudahkan developer untuk fokus pada pengembangan tanpa perlu mengatur script dan link secara manual di setiap halaman.

{
  "properti":{
    "version"       :"v4.0.5",
    "sitename"      :"Ngorei",
    "favicon"       :"favicon.png",
    "icon"          :"icon.png",
    "title"         :"Ngorei - framework",
    "description"   :"HTML,CSS,JS"
  },
  "assets": {
    "header": [
      "css/ngorei.css",
      "module|js/ngorei-framework.js"
    ],
    "footer": [
      "js/jquery.js",
      "js/jquery-ui.js"
    ]
  }
}