Latihan membuat blog dengan Nuxt JS dari Vue JS dan Prismic CMS . Cocok sebagai pengganti Wordpress based blog.
https://medium.freecodecamp.org/create-a-blazing-fast-modern-blog-with-nuxt-and-prismic-7d19935d849c
#nuxt #vue #prismic #cms #nowordpress
https://medium.freecodecamp.org/create-a-blazing-fast-modern-blog-with-nuxt-and-prismic-7d19935d849c
#nuxt #vue #prismic #cms #nowordpress
freeCodeCamp.org
How to create a blazing fast modern blog with Nuxt and Prismic
Let’s build a modern blog with Vue, Nuxt and Prismic.
Latihan menggunakan Content Management System atau CMS bernama Prismic JS untuk membuat manajemen konten blog dan artikel untuk aplikasi web Vue JS
https://www.youtube.com/watch?v=zV5NQ6QnX9Q
#vue #prismic #cms #headless
https://www.youtube.com/watch?v=zV5NQ6QnX9Q
#vue #prismic #cms #headless
YouTube
Headless CMS 2020 Prismic Vue Starter Guide
Headless CMS are super popular, so how do we get Prismic.io working with Vue.js? In this tutorial and guide I walk you through setting up Prismic with Vue.js. #Prismic #Vuejs
👉Check out my last video on TypeScript + Vue
https://youtu.be/CQAQkHuulTU
📚 Sign…
👉Check out my last video on TypeScript + Vue
https://youtu.be/CQAQkHuulTU
📚 Sign…
Beberapa artikel menarik dari Scotch IO
Pengenalan Null Coalescing di JavaScript ES2020
https://scotch.io/tutorials/javascripts-null-coalescing-operator
#es2020 #nullishcoalescing
-
Beberapa referensi framework Static Site Generator dan Server Side Rendering untuk JAMStack
https://scotch.io/tutorials/top-10-static-site-generators-in-2020
#ssr #ssg
-
Latihan menggunakan Prismic CMS
https://scotch.io/tutorials/getting-started-with-prismic-a-great-headless-cms
#cms #prismic
-
Konfigurasi dan memulai menggunakan Tailwind CSS
https://scotch.io/tutorials/get-started-with-tailwind-css-in-15-minutes
#tailwind
-
Membuat element DOM menjadi ke tengah dengan Flexbox CSS
https://scotch.io/tutorials/centering-things-with-css-flexbox
#css #center #flexbox
Pengenalan Null Coalescing di JavaScript ES2020
https://scotch.io/tutorials/javascripts-null-coalescing-operator
#es2020 #nullishcoalescing
-
Beberapa referensi framework Static Site Generator dan Server Side Rendering untuk JAMStack
https://scotch.io/tutorials/top-10-static-site-generators-in-2020
#ssr #ssg
-
Latihan menggunakan Prismic CMS
https://scotch.io/tutorials/getting-started-with-prismic-a-great-headless-cms
#cms #prismic
-
Konfigurasi dan memulai menggunakan Tailwind CSS
https://scotch.io/tutorials/get-started-with-tailwind-css-in-15-minutes
#tailwind
-
Membuat element DOM menjadi ke tengah dengan Flexbox CSS
https://scotch.io/tutorials/centering-things-with-css-flexbox
#css #center #flexbox
Menambahkan TypeScript ke dalam project Vue JS
https://medium.com/js-dojo/adding-typescript-to-your-existing-vuejs-2-6-app-aaa896c2d40a
----
Menyimpan data Vuex ke dalam LocalStorage API
https://www.epiloge.com/how-to-permanently-save-data-with-vuex--localstorage-in-your-vue-app-c27e91
---
Menerapkan design pattern yang bernama Repository Pattern untuk mengambil data dari endpoint REST API backend, dalam aplikasi Nuxt JS
https://medium.com/js-dojo/consuming-apis-in-nuxt-using-the-repository-pattern-8a13ea57d520
----
Membuat aplikasi e-commerce sederhana dengan Nuxt JS , Prismic CMS , dan Snipcart Payment API
https://medium.com/js-dojo/how-to-make-an-e-commerce-with-nuxt-prismic-and-snipcart-in-2020-6e670269c5dc
---
Cara mengunggah gambar dalam bentuk data Base64 ke backend server berbasis Express JS Node JS
https://medium.com/js-dojo/how-to-upload-base64-images-in-vue-nodejs-4e89635daebc
---
#vue #nuxt #ecommerce #localstorage #base64 #image #upload #nodejs #express #typescript #prismic #cms #snipcart
https://medium.com/js-dojo/adding-typescript-to-your-existing-vuejs-2-6-app-aaa896c2d40a
----
Menyimpan data Vuex ke dalam LocalStorage API
https://www.epiloge.com/how-to-permanently-save-data-with-vuex--localstorage-in-your-vue-app-c27e91
---
Menerapkan design pattern yang bernama Repository Pattern untuk mengambil data dari endpoint REST API backend, dalam aplikasi Nuxt JS
https://medium.com/js-dojo/consuming-apis-in-nuxt-using-the-repository-pattern-8a13ea57d520
----
Membuat aplikasi e-commerce sederhana dengan Nuxt JS , Prismic CMS , dan Snipcart Payment API
https://medium.com/js-dojo/how-to-make-an-e-commerce-with-nuxt-prismic-and-snipcart-in-2020-6e670269c5dc
---
Cara mengunggah gambar dalam bentuk data Base64 ke backend server berbasis Express JS Node JS
https://medium.com/js-dojo/how-to-upload-base64-images-in-vue-nodejs-4e89635daebc
---
#vue #nuxt #ecommerce #localstorage #base64 #image #upload #nodejs #express #typescript #prismic #cms #snipcart
Medium
Adding Typescript to your existing VueJS 2.6+ app
Improve the Javascript code of your VueJS app with Typescript and its super powers!
Membuat daftar isi halaman web Table of Content dengan Prismic dan Gatsby JS
https://levelup.gitconnected.com/enhance-your-prismic-gatsby-site-with-a-table-of-contents-7e6739de3364
---
Komparasi antara Next JS dan Gatsby JS , dan kapan harus menggunakannya
https://buttercms.com/blog/nextjs-vs-gatsbyjs-picking-the-right-support-react-framework
---
Referensi pembuatan template website sendiri dengan React Material UI dan Netlify
https://dev.to/sylviapap/how-to-make-your-own-no-template-personal-website-with-react-material-ui-and-netlify-pij
#gatsby #nextjs #react #netlify #prismic
https://levelup.gitconnected.com/enhance-your-prismic-gatsby-site-with-a-table-of-contents-7e6739de3364
---
Komparasi antara Next JS dan Gatsby JS , dan kapan harus menggunakannya
https://buttercms.com/blog/nextjs-vs-gatsbyjs-picking-the-right-support-react-framework
---
Referensi pembuatan template website sendiri dengan React Material UI dan Netlify
https://dev.to/sylviapap/how-to-make-your-own-no-template-personal-website-with-react-material-ui-and-netlify-pij
#gatsby #nextjs #react #netlify #prismic
Medium
Enhance Your Prismic + Gatsby Site with a Table of Contents
A table of contents can help your readers digest complex structured writing, build one for your Gatsby and Prismic CMS powered site
Referensi untuk melakukan migrasi dari Vue JS 2 ke Vue JS 3
https://blog.logrocket.com/refactoring-your-vue-2-apps-to-vue-3/
---
Latihan sederhana memulai membuat aplikasi blog dengan Nuxt JS
https://dev.to/jessie/building-a-seo-friendly-blog-getting-started-with-nuxt-d5m
---
Membuat aplikasi blog dengan Vue Nuxt JS dan CMS Prismic CMS
https://medium.com/better-programming/create-a-blazing-fast-modern-blog-with-nuxt-and-prismic-7d19935d849c
#vue #nuxt #seo #cms #prismic
https://blog.logrocket.com/refactoring-your-vue-2-apps-to-vue-3/
---
Latihan sederhana memulai membuat aplikasi blog dengan Nuxt JS
https://dev.to/jessie/building-a-seo-friendly-blog-getting-started-with-nuxt-d5m
---
Membuat aplikasi blog dengan Vue Nuxt JS dan CMS Prismic CMS
https://medium.com/better-programming/create-a-blazing-fast-modern-blog-with-nuxt-and-prismic-7d19935d849c
#vue #nuxt #seo #cms #prismic
LogRocket Blog
Refactoring your Vue 2 apps to Vue 3 - LogRocket Blog
Explore the new Vue 3 features that provide developers with a better way to build in this in-depth tutorial with examples.
Melakukan deploy aplikasi Nuxt JS dan Prismic CMS ke layanan Netlify Hosting
https://medium.com/js-dojo/deploying-nuxt-js-prismic-with-netlify-a53c551d6e0f
#netlify #nuxt #vue #prismic #cms
https://medium.com/js-dojo/deploying-nuxt-js-prismic-with-netlify-a53c551d6e0f
#netlify #nuxt #vue #prismic #cms
Medium
Deploying Nuxt.JS + Prismic with Netlify
In this article, we’ll go through the steps to deploy your Nuxt website on Netlify. We’ll also learn how to automate the build process…