Skip to content

Commit

Permalink
Update Guides/Get Started in Bahasa Indonesia (#517)
Browse files Browse the repository at this point in the history
* chore(Routing): update routing.md

* docs(Get Started): Fix sentences in Bahasa Indonesia
  • Loading branch information
andriannus committed Aug 15, 2020
1 parent f5bc2e2 commit d51388d
Show file tree
Hide file tree
Showing 6 changed files with 35 additions and 35 deletions.
4 changes: 2 additions & 2 deletions content/en/guides/get-started/routing.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/

## Automatic Routes

Most websites will have more than one page (i.e. a home page, about page, contact page etc.). In order to show these pages, we need a Router. That's where `vue-router` comes in. When working with Vue application, you have to set up a configuration file (i.e. `router.js`) and add all your routes manually to it. Nuxt.js automatically generates the `vue-router` configuration for you, based on your provided Vue files inside the `pages` directory. That means you never have to write a router config again! Nuxt.js also gives you automatic code splitting for all your routes.
Most websites will have more than one page (i.e. a home page, about page, contact page etc.). In order to show these pages, we need a Router. That's where `vue-router` comes in. When working with the Vue application, you have to set up a configuration file (i.e. `router.js`) and add all your routes manually to it. Nuxt.js automatically generates the `vue-router` configuration for you, based on your provided Vue files inside the `pages` directory. That means you never have to write a router config again! Nuxt.js also gives you automatic code-splitting for all your routes.

In other words, all you have to do to have routing in your application is to create `.vue` files in the `pages` folder.

Expand All @@ -20,7 +20,7 @@ Learn more about [Routing](/guides/features/file-system-routing)

## Navigation

To navigate between pages of your app, you should use the [NuxtLink](/guides/features/nuxt-components#the-nuxtlink-component) component. This component is included with Nuxt.js and therefore you don't have to import it like you do with other components. It is similar to the HTML `<a>` tag, except that instead of using a `href="/about"` we use `to="/about"`. If you have used `vue-router` before, you can think of the `<NuxtLink>` as a replacement for `<RouterLink>`
To navigate between pages of your app, you should use the [NuxtLink](/guides/features/nuxt-components#the-nuxtlink-component) component. This component is included with Nuxt.js and therefore you don't have to import it as you do with other components. It is similar to the HTML `<a>` tag, except that instead of using a `href="/about"` we use `to="/about"`. If you have used `vue-router` before, you can think of the `<NuxtLink>` as a replacement for `<RouterLink>`

A simple link to the `index.vue` page in your `pages` folder:

Expand Down
6 changes: 3 additions & 3 deletions content/id/guides/get-started/conclusion.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: Kesimpulan
description: Selamat Anda sekarang telah membuat aplikasi Nuxt.js pertama Anda dan sekarang Anda dapat menganggap diri Anda seorang Nuxter. Namun masih banyak lagi yang harus dipelajari dan banyak lagi yang dapat Anda lakukan dengan Nuxt.js. Berikut ini beberapa rekomendasi.
description: Selamat Anda telah membuat aplikasi Nuxt.js pertama Anda dan sekarang Anda dapat menganggap diri Anda seorang Nuxter. Namun masih banyak lagi yang harus dipelajari dan banyak lagi yang dapat Anda lakukan dengan Nuxt.js. Berikut ini beberapa rekomendasi.
position: 4
category: get-started
questions:
Expand All @@ -22,7 +22,7 @@ questions:
- npm run dev
- nuxt dev
correctAnswer: npm run dev
- question: Apa alamat di browser tempat Anda dapat melihat halaman Anda dalam mode pengembangan?
- question: Apa alamat di _browser_ tempat Anda dapat melihat halaman Anda dalam mode pengembangan?
answers:
- http://localhost:3000/
- http://localhost:3000/project-name:3000
Expand Down Expand Up @@ -52,7 +52,7 @@ questions:
- components
- static
correctAnswer: static
- question: Komponen apa yang kami gunakan untuk menavigasi antar halaman?
- question: Komponen apa yang kita gunakan untuk menavigasi antar halaman?
answers:
- '<Nuxt>'
- '<RouterLink>'
Expand Down
12 changes: 6 additions & 6 deletions content/id/guides/get-started/directory-structure.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Struktur direktori
title: Struktur Direktori
description: Struktur aplikasi Nuxt.js default dimaksudkan untuk memberikan titik awal yang bagus untuk aplikasi kecil dan besar. Anda bebas untuk mengatur aplikasi Anda sesuka Anda dan dapat membuat direktori lain jika Anda membutuhkannya.
position: 3
category: get-started
Expand Down Expand Up @@ -27,7 +27,7 @@ Membuat direktori dengan nama ini untuk mengaktifkan fitur dalam proyek Nuxt.js

### Direktori pages

Direktori `pages` berisi view dan rute aplikasi Anda. Seperti yang telah Anda pelajari di bab terakhir, Nuxt.js membaca semua file `.vue` di dalam direktori ini dan menggunakannya untuk membuat router aplikasi.
Direktori `pages` berisi tampilan dan rute aplikasi Anda. Seperti yang telah Anda pelajari di bab terakhir, Nuxt.js membaca semua file `.vue` di dalam direktori ini dan menggunakannya untuk membuat _router_ aplikasi.

<base-alert type="next">

Expand All @@ -39,7 +39,7 @@ Pelajari lebih lanjut tentang [direktori pages](/guides/directory-structure/page

Direktori `components` adalah tempat Anda meletakkan semua komponen Vue.js yang kemudian diimpor ke halaman Anda.

Dengan Nuxt.js Anda dapat membuat komponen Anda dan mengimpornya secara otomatis ke file .vue Anda berarti tidak perlu mengimpornya secara manual di bagian skrip. Nuxt.js akan memindai dan mengimpor ini secara otomatis untuk Anda setelah Anda menyetel komponen ke true.
Dengan Nuxt.js Anda dapat membuat komponen Anda dan mengimpornya secara otomatis ke file .vue Anda berarti tidak perlu mengimpornya secara manual di bagian _script_. Nuxt.js akan memindai dan mengimpor ini secara otomatis untuk Anda setelah Anda menyetel komponen ke _true_.

<base-alert type="next">

Expand All @@ -49,7 +49,7 @@ Pelajari lebih lanjut tentang [direktori components](/guides/directory-structure

### Direktori assets

Direktori `assets` berisi assets Anda yang tidak dikompilasi seperti styles, images, atau fonts Anda.
Direktori `assets` berisi _assets_ Anda yang tidak dikompilasi seperti _styles_, _images_, atau _fonts_ Anda.

<base-alert type="next">

Expand All @@ -59,7 +59,7 @@ Pelajari lebih lanjut tentang [direktori assets](/guides/directory-structure/ass

### Direktori static

Direktori `static` secara langsung dipetakan ke root server dan berisi file yang harus tetap menggunakan namanya (mis. `robots.txt`) _atau_ kemungkinan besar tidak akan berubah (mis. favicon).
Direktori `static` secara langsung dipetakan ke _root server_ dan berisi file yang harus tetap menggunakan namanya (mis. `robots.txt`) _atau_ kemungkinan besar tidak akan berubah (mis. favicon).

<base-alert type="next">

Expand All @@ -79,7 +79,7 @@ Pelajari lebih lanjut tentang [file nuxt.config.js](/guides/directory-structure/

### File package.json

File `package.json` berisi semua dependensi dan skrip untuk aplikasi Anda.
File `package.json` berisi semua dependensi dan _script_ untuk aplikasi Anda.

<app-modal>
<code-sandbox :src="csb_link"></code-sandbox>
Expand Down
24 changes: 12 additions & 12 deletions content/id/guides/get-started/installation.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ Gunakan apa pun yang Anda suka, tetapi kami merekomendasikan menggunakan [integr

Membuat proyek Nuxt.js dari awal hanya membutuhkan satu file dan satu direktori.

Dalam contoh khusus ini, kami akan menggunakan terminal untuk membuat direktori dan file, tetapi jangan ragu untuk membuatnya menggunakan editor pilihan Anda.
Dalam contoh khusus ini, kita akan menggunakan terminal untuk membuat direktori dan file, tetapi jangan ragu untuk membuatnya menggunakan editor pilihan Anda.

### Siapkan proyek Anda

Expand All @@ -45,7 +45,7 @@ mkdir <project-name>
cd <project-name>
```

Ganti `<project-name>` dengan nama proyek Anda._
Ganti `<project-name>` dengan nama proyek Anda.\_

Kemudian buat file bernama `package.json`:

Expand Down Expand Up @@ -94,7 +94,7 @@ npm install nuxt
</code-block>
</code-group>

Perintah ini akan ditambahkan `nuxt` sebagai ketergantungan pada proyek Anda dan akan ditambahkan ke `package.json` Anda secara otomatis. Direktori `node_modules` juga akan dibuat yang mana semua paket yang terinstal dan dependensi mereka disimpan.
Perintah ini akan ditambahkan `nuxt` sebagai _dependency_ pada proyek Anda dan akan ditambahkan ke `package.json` Anda secara otomatis. Direktori `node_modules` juga akan dibuat yang mana semua paket yang terinstal dan dependensi mereka disimpan.

<base-alert type="info">

Expand All @@ -118,7 +118,7 @@ Lalu buat file `index.vue` di dalam direktori `pages`:
touch pages/index.vue
```

Halaman ini penting untuk dipanggil `index.vue` karena ini akan menjadi halaman default yang ditampilkan Nuxt saat aplikasi dijalankan. Ini adalah beranda dan harus disebut indeks.
Halaman ini penting untuk dipanggil `index.vue` karena ini akan menjadi halaman default yang ditampilkan Nuxt saat aplikasi dijalankan. Ini adalah beranda dan harus disebut _index_.

Buka file `index.vue` di editor Anda dan tambahkan konten berikut:

Expand Down Expand Up @@ -151,13 +151,13 @@ npm run dev

<base-alert type="info">

Kami menggunakan perintah dev ketika menjalankan aplikasi kami dalam mode pengembangan.
Kita gunakan perintah _dev_ ketika menjalankan aplikasi dalam mode pengembangan.

</base-alert>

Aplikasi sekarang berjalan di **[http://localhost:3000](http://localhost:3000/).**

Buka di browser Anda dengan mengklik link di terminal Anda dan Anda akan melihat teks "Hello World" yang kami salin di langkah sebelumnya.
Buka di _browser_ Anda dengan mengklik link di terminal Anda dan Anda akan melihat teks "Hello World" yang kita salin di langkah sebelumnya.

<base-alert type="info">

Expand All @@ -167,8 +167,8 @@ Saat meluncurkan Nuxt.js dalam mode pengembangan, ia akan mendengarkan perubahan

<base-alert type="warning">

Saat Anda menjalankan perintah dev, folder .nuxt akan dibuat. Folder ini harus
diabaikan dari kontrol versi. Anda dapat mengabaikan file dengan membuat file .gitignore di tingkat root dan menambahkan .nuxt.
Saat Anda menjalankan perintah _dev_, folder .nuxt akan dibuat. Folder ini harus
diabaikan dari kontrol versi. Anda dapat mengabaikan file dengan membuat file .gitignore di tingkat _root_ dan menambahkan .nuxt.

</base-alert>

Expand All @@ -178,11 +178,11 @@ Buat halaman bernama `fun.vue` di dalam direktori `pages`.

Tambahkan `<template></template>` dan sertakan judul dengan kalimat lucu di dalamnya.

Kemudian, buka browser Anda dan lihat halaman baru Anda di **[http://localhost:3000/fun](http://localhost:3000/fun).**
Kemudian, buka _browser_ Anda dan lihat halaman baru Anda di **[http://localhost:3000/fun](http://localhost:3000/fun).**

<base-alert type="info">

Buat nama direktori `more-fun` dan letakan file `index.vue` di dalamnya. TIni akan memberikan hasil yang sama seperti membuat file `more-fun.vue`.
Buat nama direktori `more-fun` dan letakan file `index.vue` di dalamnya. Ini akan memberikan hasil yang sama seperti membuat file `more-fun.vue`.

</base-alert>

Expand All @@ -194,7 +194,7 @@ Buat nama direktori `more-fun` dan letakan file `index.vue` di dalamnya. TIni ak

Untuk memulai dengan cepat, Anda dapat menggunakan aplikasi [create-nuxt-app](https://github.com/nuxt/create-nuxt-app).

Pastikan Anda telah menginstal npx (npx dikirimkan secara default sejak NPM 5.2.0) atau npm v6.1 atau yarn.
Pastikan Anda telah menginstal npx (npx tersedia secara default sejak NPM 5.2.0) atau npm v6.1 atau yarn.

<code-group>
<code-block label="Yarn" active>
Expand Down Expand Up @@ -242,4 +242,4 @@ npm run dev
</code-block>
</code-group>

Aplikasi sekarang berjalan di [http://localhost:3000](http://localhost:3000). Sudah selesai dilakukan dengan baik!
Aplikasi sekarang berjalan di [http://localhost:3000](http://localhost:3000). Bagus!
4 changes: 2 additions & 2 deletions content/id/guides/get-started/routing.md
Original file line number Diff line number Diff line change
@@ -1,14 +1,14 @@
---
title: Routing
description: Sebagian besar situs web memiliki lebih dari satu halaman. Misalnya halaman beranda, tentang halaman, halaman kontak dll. Untuk menampilkan halaman-halaman ini kita membutuhkan sebuah Router.
description: Sebagian besar situs web memiliki lebih dari satu halaman. Misalnya halaman _home_, halaman _about_, halaman _contact_, dll. Untuk menampilkan halaman-halaman ini kita membutuhkan sebuah Router.
position: 2
category: get-started
csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/master/01_get_started/02_routing?fontsize=14&hidenavigation=1&theme=dark
---

## Route Otomatis

Sebagian besar situs web akan memiliki lebih dari satu halaman (yaitu halaman rumah, tentang halaman, halaman kontak dll.). Untuk menampilkan halaman ini, kita membutuhkan Router. Di situlah `vue-router` masuk. Ketika bekerja dengan aplikasi Vue, Anda harus mengatur file konfigurasi (yaitu `router.js`) dan menambahkan semua rute Anda secara manual ke sana. Nuxt.js secara otomatis membuat konfigurasi `vue-router` untuk Anda, berdasarkan file Vue yang Anda sediakan di dalam direktori `pages`. Itu berarti Anda tidak perlu menulis konfigurasi router lagi! Nuxt.js juga memberi Anda pemisahan kode otomatis untuk semua rute Anda.
Sebagian besar situs web akan memiliki lebih dari satu halaman (yaitu halaman _home_, halaman _about_, halaman _contact_, dll.). Untuk menampilkan halaman ini, kita membutuhkan Router. Di situlah `vue-router` masuk. Ketika bekerja dengan aplikasi Vue, Anda harus mengatur file konfigurasi (yaitu `router.js`) dan menambahkan semua rute Anda secara manual ke sana. Nuxt.js secara otomatis membuat konfigurasi `vue-router` untuk Anda, berdasarkan file Vue yang Anda sediakan di dalam direktori `pages`. Itu berarti Anda tidak perlu menulis konfigurasi router lagi! Nuxt.js juga memberi Anda pemisahan kode otomatis untuk semua rute Anda.

Dengan kata lain, yang harus Anda lakukan untuk memiliki perutean di aplikasi Anda adalah membuat file `.vue` di folder `pages`.

Expand Down
20 changes: 10 additions & 10 deletions content/id/guides/get-started/upgrading.md
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
---
title: Upgrade
description: Memutakhirkan Nuxt.js cepat, tetapi lebih melibatkan daripada memperbarui package.json Anda
title: Meningkatkan
description: Meningkatkan Nuxt.js itu cepat, tetapi ini melibatkan lebih dari sekadar memperbarui package.json Anda.
position: 5
category: get-started
---

> Memutakhirkan Nuxt.js cepat, tetapi lebih melibatkan daripada memperbarui package.json Anda
> Meningkatkan Nuxt.js itu cepat, tetapi ini melibatkan lebih dari sekadar memperbarui package.json Anda.
Jika Anda mengupgrade ke Nuxt v2.14 dan ingin menggunakan hosting statis maka Anda perlu menambahkan [target:static](/guides/features/deployment-targets#static-hosting) ke file nuxt.config.js agar perintah generate berfungsi dengan benar.
Jika Anda meningkatkan ke Nuxt v2.14 dan ingin menggunakan _hosting_ statis, maka Anda perlu menambahkan [target:static](/guides/features/deployment-targets#static-hosting) ke file `nuxt.config.js` agar perintah _generate_ berfungsi dengan benar.

```js{}[nuxt.config.js]
export default {
Expand All @@ -24,14 +24,14 @@ Setelah langkah ini, instruksi bervariasi tergantung pada apakah Anda menggunaka

## Yarn

1. hapus file `yarn.lock`
2. hapus direktori `node_modules`
1. Hapus file `yarn.lock`
2. Hapus direktori `node_modules`
3. Jalankan perintah `yarn`
4. Setelah penginstalan selesai dan Anda telah menjalankan pengujian, pertimbangkan untuk mengupgrade dependensi lain juga. Jalankan perintah `yarn outdated` dapat digunakan.
4. Setelah penginstalan selesai dan Anda telah menjalankan pengujian, pertimbangkan untuk meningkatkan dependensi lain juga. Perintah `yarn outdated` dapat digunakan.

## NPM

1. hapus file `package-lock.json`
2. hapus direktori `node_modules`
1. Hapus file `package-lock.json`
2. Hapus direktori `node_modules`
3. Jalankan perintah `npm install`
4. Setelah penginstalan selesai dan Anda telah menjalankan pengujian, pertimbangkan untuk mengupgrade dependensi lain juga. Jalankan perintah `npm outdated` dapat digunakan.
4. Setelah penginstalan selesai dan Anda telah menjalankan pengujian, pertimbangkan untuk meningkatkan dependensi lain juga. Perintah `npm outdated` dapat digunakan.

0 comments on commit d51388d

Please sign in to comment.