[vuejs#149] [Cookbook] translate cookbook - serverless blog (vuejs#179)

Author: cahyonobagus

src/v2/cookbook/serverless-blog.md

@@ -1,45 +1,45 @@
 ---
-title: Create a CMS-Powered Blog
+title: Membuat Blog Bertenaga CMS
 type: cookbook
 order: 5
 ---
 
-So you've just launched your Vue.js website, congrats! Now you want to add a blog that quickly plugs into your website and you don't want to have to spin up a whole server just to host a Wordpress instance (or any DB-powered CMS for that matter). You want to just be able to add a few Vue.js blog components and some routes and have it all just work, right? What you're looking for is a blog that's powered entirely by API's you can consume directly from your Vue.js application. This tutorial will teach you how to do just that, let's dive in!
+Jadi Anda baru saja meluncurkan website Vue.js Anda, selamat! Sekarang Anda ingin menambahkan sebuah blog yang cepat terhubung ke dalam website Anda dan Anda tidak ingin harus merubah seluruh server hanya untuk menjadi *host* Wordpress *instance* (atau CMS dilengkapi DB untuk hal ini). Anda hanya ingin bisa menambahkan beberapa komponen blog Vue.js dan beberapa rute dan membuatnya berfungsi, bukan? Apa yang Anda cari adalah blog yang sepenuhnya di didukung oleh API yang dapat Anda konsumsi secara langsung dari aplikasi Vue.js Anda. Tutorial ini akan mengajarkan Anda bagaimana melakukannya. Mari menyelaminya.
 
-We're going to quickly build a CMS-powered blog with Vue.js. It uses [ButterCMS](https://buttercms.com/), an API-first CMS that lets you manage content using the ButterCMS dashboard and integrate our content API into your Vue.js app. You can use ButterCMS for new or existing Vue.js projects.
+Kita akan membangun dengan cepat sebuah blog bertenaga CMS dengan Vue.js. Ini menggunakan [ButterCMS](https://buttercms.com/), sebuah CMS yang mengutamakan API, yang mengijinkan Anda mengelola konten menggunakan ButterCMS dasbor dan mengintegrasikan API konten ke dalam aplikasi Vue.js Anda. Anda dapat menggunakan ButterCMS untuk proyek Vue.js baru maupun yang sudah ada.
 
 ![Butter Dashboard](https://user-images.githubusercontent.com/160873/36677285-648798e4-1ad3-11e8-9454-d22fca8280b7.png "Butter Dashboard")
 
-## Install
+## Memasang
 
-Run this in your commandline:
+Jalankan perintah berikut pada *commandline*:
 
 ```bash
 npm install buttercms --save
 ```
 
-Butter can also be loaded using a CDN:
+Butter juga dapat di muat menggunakan CDN:
 
 ```html
 <script src="https://cdnjs.buttercms.com/buttercms-1.1.0.min.js"></script>
 ```
 
-## Quickstart
+## Memulai Cepat
 
-Set your API token:
+Atur token API Anda:
 
 ```javascript
 var butter = require('buttercms')('your_api_token');
 ```
 
-Using ES6:
+Menggunakan ES6:
 
 ```javascript
 import Butter from 'buttercms';
 const butter = Butter('your_api_token');
 ```
 
-Using CDN:
+Menggunakan CDN:
 
 ```html
 <script src="https://cdnjs.buttercms.com/buttercms-1.1.0.min.js"></script>
@@ -48,21 +48,21 @@ Using CDN:
 </script>
 ```
 
-Import this file into any component you want to use ButterCMS. Then from the console run:
+Impor file ini ke dalam komponen dimana Anda ingin menggunakan ButterCMS. Kemudian dari konsol jalankan:
 
 ```javascript
 butter.post.list({page: 1, page_size: 10}).then(function(response) {
   console.log(response)
 })
 ```
 
-This API request fetches your blog posts. Your account comes with one example post which you'll see in the response.
+Permintaan API ini mengambil pos blog Anda. Akun Anda dilengkapi dengan sebuah contoh pos yang akan Anda lihat di dalam respon.
 
-## Display posts
+## Menampilkan pos
 
-To display posts we create a `/blog` route (using Vue Router) in our app and fetch blog posts from the Butter API, as well as a `/blog/:slug` route to handle individual posts.
+Untuk menampilkan pos-pos, kita buat sebuah rute `/blog` (menggunakan Vue Router) di dalam aplikasi kita dan mengambil pos blog dari API Butter, serta rute `/blog/:slug` untuk menangani masing-masing pos.
 
-See the ButterCMS [API reference](https://buttercms.com/docs/api/?javascript#blog-posts) for additional options such as filtering by category or author. The response also includes some metadata we'll use for pagination.
+Lihat [Referensi API](https://buttercms.com/docs/api/?javascript#blog-posts) ButterCMS untuk opsi tambahan seperti filter berdasar kategori atau penulis. Respon juga termasuk beberapa *metadata* yang akan kita gunakan untuk *pagination*.
 
 `router/index.js:`
 
@@ -91,7 +91,7 @@ export default new Router({
 })
 ```
 
-Then create `components/BlogHome.vue` which will be your blog homepage that lists your most recent posts.
+Kemudian buat `components/BlogHome.vue` yang akan menjadi halaman utama blog Anda yang menampilkan daftar pos Anda paling baru.
 
 ```html
 <script>
@@ -153,11 +153,11 @@ Then create `components/BlogHome.vue` which will be your blog homepage that list
 </template>
 ```
 
-Here's what it looks like (note we added CSS from https://bulma.io/ for quick styling):
+Berikut tampilannya (perhatikan bahwa kita menambahkan CSS dari https://bulma.io/ untuk penataan secara cepat)
 
 ![buttercms-bloglist](https://user-images.githubusercontent.com/160873/36868500-1b22e374-1d5e-11e8-82a0-20c8dc312716.png)
 
-Now create `components/BlogPost.vue` which will be your Blog Post page to list a single post.
+Sekarang buat `components/BlogPost.vue` yang akan menjadi halaman pos blog untuk menampilkan sebuah pos.
 
 ```html
 <script>
@@ -209,19 +209,19 @@ Now create `components/BlogPost.vue` which will be your Blog Post page to list a
 </template>
 ```
 
-Here's a preview:
+Berikut pratinjaunya:
 
 ![buttercms-blogdetail](https://user-images.githubusercontent.com/160873/36868506-218c86b6-1d5e-11e8-8691-0409d91366d6.png)
 
-Now our app is pulling all blog posts and we can navigate to individual posts. However, our next/previous post buttons are not working.
+Sekarang aplikasi kita menarik semua pos blog dan kita dapat menavigasi ke masing-masing pos. Namun, tombol pos berikutnya/ pos sebelumnya tidak berfungsi
 
-One thing to note when using routes with params is that when the user navigates from `/blog/foo` to `/blog/bar`, the same component instance will be reused. Since both routes render the same component, this is more efficient than destroying the old instance and then creating a new one.
+Satu hal yang perlu diperhatikan ketika menggunakan rute dengan parameter adalah ketika pengguna menavigasi dari `/blog/foo` ke `/blog/bar`, komponen yang sama akan digunakan kembali. Karena kedua rute me-*render* komponen yang sama, ini lebih efisien daripada menghancurkan *instance* lama kemudian membuat yang baru.
 
-<p class="tip">Be aware, that using the component this way will mean that the lifecycle hooks of the component will not be called. Visit the Vue Router's docs to learn more about [Dynamic Route Matching](https://router.vuejs.org/en/essentials/dynamic-matching.html)</p>
+<p class="tip">Perlu dipahami, bahwa menggunakan komponen dengan cara ini berarti bahwa kait siklus hidup komponen tidak akan dipanggil. Kunjungi dokumen Vue Router untuk mempelajari lebih lanjut tentang [Pencocokan Rute Dinamis] (https://router.vuejs.org/en/essentials/dynamic-matching.html)</p>
 
-To fix this we need to watch the `$route` object and call `getPost()` when the route changes.
+Untuk memperbaiki ini kita perlu memantau objek `$route` dan memanggil `getPost()` ketika rute berubah.
 
-Updated `<script>` section in `components/BlogPost.vue`:
+Bagian `<script>` yang sudah diperbarui di `components/BlogPost.vue`:
 
 ```html
 <script>
@@ -255,19 +255,19 @@ Updated `<script>` section in `components/BlogPost.vue`:
 </script>
 ```
 
-Now your app has a working blog that can be updated easily in the ButterCMS dashboard.
+Sekarang aplikasi Anda memiliki blog yang berfungsi yang dapat diperbarui dengan mudah di dasbor ButterCMS.
 
-## Categories, Tags, and Authors
+## Kategori, Tag, dan Penulis
 
-Use Butter's APIs for categories, tags, and authors to feature and filter content on your blog.
+Gunakan API Butter untuk kategori, tag dan penulis untuk menampilkan dan memfilter konten di blog Anda.
 
-See the ButterCMS API reference for more information about these objects:
+Lihat Referensi API ButterCMS untuk info lebih lanjut tentang objek ini:
 
-* [Categories](https://buttercms.com/docs/api/?ruby#categories)
-* [Tags](https://buttercms.com/docs/api/?ruby#tags)
-* [Authors](https://buttercms.com/docs/api/?ruby#authors)
+* [Kategori](https://buttercms.com/docs/api/?ruby#categories)
+* [Tag](https://buttercms.com/docs/api/?ruby#tags)
+* [Penulis](https://buttercms.com/docs/api/?ruby#authors)
 
-Here's an example of listing all categories and getting posts by category. Call these methods on the `created()` lifecycle hook:
+Berikut adalah contoh menampilkan daftar semua kategori dan mendapatkan pos berdasar kategori. Panggil method pada kait siklus hidup `created()`:
 
 ```javascript
 methods: {
@@ -296,10 +296,10 @@ created() {
 }
 ```
 
-## Alternative Patterns
+## Pola Alternatif
 
-An alternative pattern to consider, especially if you prefer writing only in Markdown, is using something like [Nuxtent](https://nuxtent-module.netlify.com/guide/writing/#async-components). Nuxtent allows you to use `Vue Component` inside of Markdown files. This approach would be akin to a static site approach (i.e. Jekyll) where you compose your blog posts in Markdown files. Nuxtent adds a nice integration between Vue.js and Markdown allowing you to live in a 100% Vue.js world.
+Pola alternatif untuk dipertimbangkan, terutama jika Anda lebih suka menulis dengan Markdown, adalah dengan menggunakan sesuatu seperti [Nuxtent](https://nuxtent-module.netlify.com/guide/writing/#async-components). Nuxtent memungkinkan Anda menggunakan `Vue Component` di dalam file Markdown. Pendekatan ini akan mirip dengan pendekatan situs statis (contoh Jekyll) di mana Anda menulis pos blog Anda di dalam file Markdown, Nuxtent menambahkan integrasi yang bagus antara Vue.js dan Markdown memungkinkan Anda untuk hidup di dunia 100% Vue.js.
 
-## Wrap up
+## Ringkasan
 
-That's it! You now have a fully functional CMS-powered blog running in your app. We hope this tutorial was helpful and made your development experience with Vue.js even more enjoyable :)
+Itulah tutorialnya! Anda sekarang memiliki blog bertenaga CMS yang berfungsi penuh yang berjalan di aplikasi Anda. Kami berharap tutorial ini bermanfaat dan menjadikan pengalaman pengembangan Anda dengan Vue.js semakin menyenangkan :)