Membuat aplikasi web dengan menggunakan Gridsome JS SSR

https://alligator.io/vuejs/gridsome-blog/

#gridsome #vue #ssr

Latihan membuat aplikasi web mode static site dengan menggunakan Vue JS, Gridsome, dan GraphQL

https://snipcart.com/blog/vuejs-graphql-airtable-example

#vue #gridsome #graphql #ssr #static

Latihan menggunakan static site generator bernama Gridsome yang berbasis Vue JS

https://scotch.io/tutorials/getting-started-with-gridsome

#gridsome #vue #ssr #static #site

Catatan rilis Gridsome 0.7

https://gridsome.org/blog/2019/09/17/gridsome-v07/#vue-remark-plugin

#vue #gridsome

Latihan menggunakan Google Sheets sebagai CMS dan dikombinasikan dengan Vue Gridsome Framework untuk JAMStack front end.

https://www.youtube.com/watch?v=-i6C9GE0oTA


#headless #gridsome #cms

Membuat plugin untuk Vue JS yang dipakai pada Gridsome JS dengan mengambil data dari Butter Headless CMS

https://dev.to/lauragift21/how-to-build-a-plugin-with-gridsome-3ldo

#gridsome #cms #vue #plugin

Cerita pengembang yang puas dan senang setelah migrasi dari Wordpress ke VuePress , Bulma CSS, dan Headless CMS

https://dev.to/adamdehaven/building-my-new-website-with-vuepress-and-bulma-5aaj

---

Latihan penggunaan Vue Gridsome JS secara sederhana

https://dev.to/hellonehha/gridsome-for-beginners-2-project-structure-walkthrough-2ehe

---

Latihan dasar pengenalan Vue Nuxt JS untuk aplikasi web server side rendering.

https://dev.to/webnoobcodes/getting-started-with-nuxt-js-2c07

#vue #vuepress #nuxt #headlesscms #gridsome

Latihan panjang dari Traversy Media dan Gwen membuat aplikasi fullstack Javascript dengan Vue JS , Gridsome , Strapi CMS dan GraphQL dengan contoh kasus aplikasi manajemen acara atau daftar event

https://youtu.be/vB6rmWCmANA

---

Latihan melakukan visualisasi data COVID19 dengan Vue JS dan Chart JS

https://dev.to/23subbhashit/fetching-and-visualizing-data-in-vue-using-axios-and-chart-js-k2h

---

Membuat instance baru untuk Axios HTTP dengan mudah

https://dev.to/erenyatkin/creating-http-client-instance-with-axios-in-vue-3an2

---

Latihan menggunakan Composition API di Vue JS dan alternatif dari Vuex

https://dev.to/thomasferro/composition-api-v-renderless-components-let-s-use-vue-3-s-features-to-clean-our-components-n25
-
https://dev.to/thomasferro/emancipate-yourself-from-vuex-with-vue-3-s-composition-api-3b9g

---

#vue #gridsome #vuex #composition #axios #chartjs #strapi #cms #graphql

Latihan panjang membuat aplikasi manajemen inventory barang dengan Vue JS, Node JS, GraphQL, MongoDb, dan Docker.

https://blog.logrocket.com/rolling-your-own-management-application-with-vue-vue-router-vuetify-and-node-fetch/

---

Membuat fungsi Authentication pengguna dengan Vue JS Composition Api dan Firebase Auth

https://levelup.gitconnected.com/vuejs-the-composition-api-firebase-authentication-a5b9f5823e31

---

Panduan membuat aplikasi e-commerce dengan Vue Gridsome, Sanity CMS, Commerce JS, dan deploy ke layanan Vercel Serverless.

https://dev.to/snikidev/static-ecommerce-website-with-gridsome-commerce-js-and-vercel-1la4

---

#vue #nuxt #gridsome #ecommerce #composition #vercel #nodejs #inventory #graphql #firebase #docker

Latihan panjang membuat aplikasi desktop dengan Electron JS

https://livecodestream.dev/post/2020-11-15-how-to-build-desktop-applications-using-electron-the-right-way/

---

Menggunakan NeDb untuk database lokal di dalam aplikasi Electron JS

https://dev.to/ctxhou/local-data-storage-for-electron-2h4p

---

Latihan sederhana membuat aplikasi menulis Markdown dengan Electron JS

https://dev.to/amit_merchant/build-a-full-fledge-markdown-app-with-electron

---

Latihan membuat aplikasi desktop dengan Vue Gridsome dan Electron JS

https://dev.to/dnature/build-a-desktop-app-with-gridsome-and-electron-1ael

---

#electron #gridsome #desktop

Menggunakan Composition API di dalam project Nuxt JS

https://blog.logrocket.com/handling-server-side-applications-with-nuxts-composition-api/

---

Latihan panjang membuat aplikasi pemesanan makanan dengan Vue Gridsome, Snipcart, dan Strapi CMS

https://dev.to/strapi/build-a-jamstack-food-ordering-application-with-strapi-gridsome-and-snipcart-1-dlg
--
https://dev.to/strapi/build-a-jamstack-food-ordering-application-with-strapi-gridsome-and-snipcart-2-2don

---

Latihan dari channel Programming With Erik membuat aplikasi Vue sederhana yang terintegrasi dengan layanan AWS Amplify

https://youtu.be/Q70eWux2xpQ

#vue #nuxt #composition #aws #amplify #gridsome #strapi

Latihan panjang dan berseri, yaitu membuat aplikasi pemesanan makanan dengan Strapi CMS, Vue Gridsome, dan Snipcart

https://strapi.io/blog/building-a-jamstack-food-ordering-app-with-strapi-gridsome-and-snipcart-6-6

---

Membuat aplikasi Nuxt JS dengan kombinasi Strapi CMS dan Tailwind CSS, kemudian deploy ke layanan Heroku Hosting

https://strapi.io/blog/how-i-hosted-my-strapi-cms-driven-website-for-free

---

Catatan rilis dari Headless CMS yaitu Strapi CMS versi 3.4

https://strapi.io/blog/product-updates-relational-fields-displayed-in-the-list-view

#strapi #vue #nuxt #cms #gridsome #foodOrdering #snipcart #jamstack

Komparasi antara Gridsome dengan Nuxt JS dalam pembuatan aplikasi web teknik SSR dan SSG dengan contoh kasus membuat aplikasi berbentuk blog

https://blog.logrocket.com/gridsome-vs-nuxt-js-comparison-and-tutorial-with-examples/

---

Membuat fungsi navigasi halaman atau Pagination di Vue Gridsome

https://dev.to/lindaojo/how-to-set-up-pagination-in-gridsome-1546

---

Menggunakan Vuex State dan Persisted State di Nuxt JS yang dipakai antar halaman

https://medium.com/javascript-in-plain-english/how-to-persist-and-rehydrate-your-vuex-state-between-page-reloads-in-nuxt-js-5c99b58752bb

---

Menggunakan Google Maps API di Vue JS

https://dev.to/shreyasmalewar/using-google-maps-api-for-location-picker-with-vue-2-g60

#vue #gridsome #pagination #nuxt #vuex