Skip to content

Server Side Rendering #63

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Mar 7, 2019
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/v2/guide/filters.md
Original file line number Diff line number Diff line change
Expand Up @@ -82,4 +82,4 @@ Filter adalah fungsi JavaScript, oleh karena itu mereka dapat mengambil argumen:
{{ message | filterA('arg1', arg2) }}
```

Di sini `filterA` didefinisikan sebagai fungsi yang mengambil tiga argumen. Nilai `message` yang akan dilanjutkan ke argumen pertama. String `'arg1'` yang akan di lanjutkan ke `filterA` sebagian argumen kedua, dan nilai dari ekspresi `arg2` akan dievaluasi dan diteruskan sebagai argumen ketiga.
Di sini `filterA` didefinisikan sebagai fungsi yang mengambil tiga argumen. Nilai `message` yang akan dilanjutkan ke argumen pertama. String `'arg1'` yang akan di lanjutkan ke `filterA` sebagian argumen kedua, dan nilai dari ekspresi `arg2` yang akan dievaluasi dan diteruskan sebagai argumen ketiga.
12 changes: 6 additions & 6 deletions src/v2/guide/ssr.md
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
---
title: Server-Side Rendering
title: Rendering di Sisi Server (SSR)
type: guide
order: 503
---

## The Complete SSR Guide
## Panduan Lengkap Rendering di Sisi Server (SSR)

We have created a standalone guide for creating server-rendered Vue applications. This is a very in-depth guide for those who are already familiar with client-side Vue development, server-side Node.js development and webpack. Check it out at [ssr.vuejs.org](https://ssr.vuejs.org/).
Kami telah membuat panduan khusus untuk membangun aplikasi Vue yang bisa dirender di sisi server. Ini adalah panduan yang sangat lengkap dan mendalam bagi mereka yang sudah terbiasa dengan pengembangan Vue di sisi klien, pengembangan Node.js di sisi server dan webpack. Lihat di [ssr.vuejs.org](https://ssr.vuejs.org/).

## Nuxt.js

Properly configuring all the discussed aspects of a production-ready server-rendered app can be a daunting task. Luckily, there is an excellent community project that aims to make all of this easier: [Nuxt.js](https://nuxtjs.org/). Nuxt.js is a higher-level framework built on top of the Vue ecosystem which provides an extremely streamlined development experience for writing universal Vue applications. Better yet, you can even use it as a static site generator (with pages authored as single-file Vue components)! We highly recommend giving it a try.
Mengkonfigurasi aplikasi *server-rendered* di tingkat produksi yang mencakup keseluruhan aspek bisa menjadi tugas yang sangat menakutkan. Untungnya, ada proyek dari komunitas yang luar biasa dengan tujuan untuk mempermudah semua tugas ini: [Nuxt.js](https://nuxtjs.org/). Nuxt.js adalah *framework* tingkat tinggi yang dibangun di atas ekosistem Vue mampu memberikan pengalaman pengembangan yang sangat efisien untuk membangun aplikasi Vue secara universal. bahkan bisa lebih baik lagi, Anda bisa menggunakannya sebagai *generator* situs statis (dengan halaman yang ditulis menggunakan satu file komponen Vue saja)! Kami sangat merekomendasikan Anda untuk mencobanya.

## Quasar Framework SSR + PWA
## Kerangka Kerja Quasar di Sisi Server (SSR) + Applikasi nan Progresif (PWA)

[Quasar Framework](https://quasar-framework.org/) will generate an SSR app (with optional PWA handoff) that leverages its best-in-class build system, sensible configuration and developer extensibility to make designing and building your idea a breeze. With over one hundred specific "Material Design 2.0"-compliant components, you can decide which ones to execute on the server, which are available in the browser - and even manage the `<meta>` tags of your site. Quasar is a node.js and webpack based development environment that supercharges and streamlines rapid development of SPA, PWA, SSR, Electron and Cordova apps - all from one codebase.
[*Framework* Quasar](https://quasar-framework.org/) mampu membuat aplikasi *SSR* (dengan opsi PWA) yang bisa memanfaatkan sistem *build* terbaik di kelasnya, konfigurasi yang masuk akal, dan ekstensibilitas pengembang untuk membuat, mendesain, dan membangun ide Anda dengan mudah. Dengan lebih dari seratus komponen yang sesuai dengan “Material Design 2.0”, Anda bisa memutuskan komponen mana yang akan dijalankan di sisi server, yang tersedia di browser, dan bahkan bisa mengelola tag `<meta>` di situs Anda. Quasar adalah *framework* yang berbasis node.js dan webpack, serta dapat mempersingkat pengembangan SPA, PWA, SSR, Electron, dan Cordova. Semuanya hanya berasal dari satu basis kode.