Kelanjutan latihan berseri dari Codedamn membuat aplikasi backend Node JS dengan Express dan MongoDb , yaitu melakukan proses deploy aplikasi backend ke layanan VPS Server , lengkap dengan konfigurasi NGINX dan Linux Server

https://youtu.be/-oTdaFDvLo4

---

Latihan sebelumnya tentang membuat backend Express JS dan MongoDb dengan fungsi CRUD REST API

https://youtu.be/5QEwqX5U_2M

---

Dilanjutkan dengan membuat fungsi Authentication dengan JSON Web Token di Node JS , Express , MongoDb

https://youtu.be/b91XgdyX-SM

---

Tidak lupa untuk latihan pengenalan Linux dan beberapa command line di Terminal Linux

https://youtu.be/S99sQLravYo

---

Alternatif latihan lain penggunaan Express JS dan MongoDb dari Freecodecamp

https://www.freecodecamp.org/news/mongodb-mongoose-node-tutorial/

#nodejs #course #guide #express #mongodb #auth #jwt #vps #linode #linux #digitalocean

Latihan deploy aplikasi backend Adonis JS ke layanan VPS Digital Ocean

https://blog.logrocket.com/how-to-deploy-an-adonis-js-application-to-digitalocean/

---

Latihan panjang dan berseri membuat aplikasi backend dengan Adonis JS dan front end dengan Nuxt JS

https://dev.to/armiedema/create-and-deploy-a-multi-server-app-w-adonis-nuxt-and-cleaver-part-1-set-up-front-end-5185

---

Latihan sederhana membuat backend Adonis JS untuk aplikasi web Vue JS

https://dev.to/michi/build-fullstack-javascript-apps-with-adonis-and-vue-3edc

#nodejs #adonis #vue #nuxt #crud #tailwind #deploy #digitalocean #vps

Digital Ocean merilis buku latihan tentang latihan menggunakan HTML bagi pemula

https://www.digitalocean.com/community/books/how-to-build-a-website-with-html-ebook

---

Latihan menggunakan CSS Transition untuk animasi element di HTML

https://www.freecodecamp.org/news/css-transition-examples/

#html #ebook #digitalocean #css #animation #transition

Latihan bagian kelima dari channel Diligent Dev membuat aplikasi pilihan film dengan Vue JS , Firebase , dan Vuetify

https://youtu.be/p3VtY_y_bC8

---

Beberapa hal fitur baru yang ada di Vue JS 3

https://www.smashingmagazine.com/2020/11/new-vue3-update/

---

Latihan panjang membuat aplikasi blog dengan Nuxt JS , Cosmic Headless CMS , dan deploy ke layanan VPS Digital Ocean

https://www.cosmicjs.com/articles/install-a-cosmic-powered-nuxtjs-app-on-digital-ocean-in-5-minutes-jikkdwsi

#vue #nuxt #cosmic #cms #digitalocean #firebase #vuetify #blog #movie

Cara deploy aplikasi React dan backend Node JS hanya dengan satu droplet Digital Ocean saja, dan dibantu dengan NGINX Proxy server

https://dev.to/zeeshanhshaheen/how-to-deploy-react-js-and-nodejs-app-on-a-single-digitalocean-droplet-using-nginx-1pcl

---

Latihan pengenalan React Recoil untuk reusable component

https://blog.logrocket.com/react-recoil-reusable-code-block-component/

---

Latihan penggunaan React Vercel SWR untuk pengambilan data dari API backend

https://levelup.gitconnected.com/using-crud-operations-with-react-swr-for-mutating-rest-api-cache-3e0d01774aed

---

Latihan menggunakan React Hooks dan Context API dengan membuat aplikasi resep makanan

https://medium.com/better-programming/lets-learn-react-hooks-and-context-api-by-building-a-recipe-search-app-2eb0b2d2cb85

---

Cara melakukan dynamic routing di Next JS

https://blog.logrocket.com/prefetching-dynamic-routing-next-js/

#nodejs #mern #nginx #deploy #react #digitalocean #recoil #swr #vercel #restApi #hooks #context #nextjs #routing

Pengenalan React Server Component dari Programming With Erik untuk pengambilan data dari database

https://youtu.be/r3naKWlTOTA

---

Cara melakukan deploy aplikasi React JS ke layanan droplet VPS Digital Ocean

https://www.digitalocean.com/community/tutorials/how-to-deploy-a-react-application-with-nginx-on-ubuntu-20-04

---

Contoh pengambilan data di React JS dengan Apollo GraphQL

https://blog.logrocket.com/data-retrieval-in-graphql-with-react-apollo/

---

#react #graphql #serverComponent #vps #digitalocean

Daftar pemenang hackathon Digital Ocean App Platform 2020.

https://dev.to/devteam/digitalocean-app-platform-hackathon-winners-announced-ig0

#digitalocean #hackathon

Panduan panjang tentang deploy aplikasi backend Node JS ke VPS Digital Ocean dan sejenisnya, dengan membuat Docker Container untuk Node JS app terlebih dahulu.

https://dev.to/arnu515/deploy-your-nodejs-app-to-a-server-with-docker-1hcd

—-

Latihan deploy aplikasi Node JS CRUD ke layanan Heroku VPS

https://medium.com/javascript-in-plain-english/build-a-mysql-node-js-crud-app-4-deploying-to-heroku-finale-1f69a005812b

#docker #nodejs #vps #deploy #heroku #digitalocean

Memperkenalkan Digital Ocean NGINX Config. Layanan gratis yang dibuat oleh Digital Ocean untuk membuat atau generator konfigurasi NGINX dengan mudah.

Selengkapnya bisa dicoba di bawah ini.
https://www.digitalocean.com/community/tools/nginx

#nginx #config #digitalocean

Memperkenalkan Digital Ocean NGINX Config. Layanan gratis yang dibuat oleh Digital Ocean untuk membuat atau generator konfigurasi NGINX dengan mudah.

Selengkapnya bisa dicoba di bawah ini.
https://www.digitalocean.com/community/tools/nginx

#nginx #config #digitalocean

Membuat tampilan loading memuat halaman di Nuxt JS

https://medium.com/javascript-in-plain-english/show-a-loading-spinner-in-nuxt-js-7a5ad0537ebf

---

Referensi konfigurasi Nuxt JS untuk deploy server production

https://medium.com/js-dojo/integration-and-production-deployment-for-nuxt-js-applications-amazing-scalable-and-configurable-7ea64bea77cc

—

Mengganti secara dinamis element html di Component Vue JS dengan element yang lain

---

Deploy aplikasi Nuxt JS ke layanan Digital Ocean App Platform

https://dev.to/tillsanders/deploy-nuxt-js-on-digitalocean-app-platform-in-5-minutes-or-less-2dij

---

Mengganti template di Vue JS dengan element HTML yang lain

https://css-tricks.com/dynamically-switching-from-one-html-element-to-another-in-vue/

—-

Beberapa plugin Nuxt JS untuk pengembangan aplikasi SSR

https://medium.com/js-dojo/8-nuxtjs-plugins-for-your-next-vue-js-project-de1d3da8b558


#vue #slots #spinner #nuxt #digitalocean

Latihan deploy ke Digital Ocean App Platform untuk aplikasi web bagian front end, dari Flavio Copes

https://flaviocopes.com/digitalocean-apps/

---

#digitalocean #appPlatform #deploy

Latihan panjang dari Digital Ocean tentang navigasi halaman dengan Vue Router di Vue JS 3

https://www.digitalocean.com/community/tutorials/how-to-navigate-between-views-with-vue-router

---

Latihan panjang dan menarik membuat aplikasi MEVN Stack dengan Nuxt JS, Vite, dan Fastify framework.

https://vuejsdevelopers.com/2021/03/23/nuxt-vite-fastify/

---

Mengenal Vuex state management di Vue JS

https://vuejsdevelopers.com/2017/05/15/vue-js-what-is-vuex/

---

Membangun aplikasi visualisasi data dengan Vue JS dan Highchart JS

https://vuejsdevelopers.com/2021/02/23/vue-highcharts/

---

#vue #vuex #router #chart #digitalocean

Cara melakukan deploy aplikasi web berbasis Gatsby JS ke layanan VPS Digital Ocean

https://www.digitalocean.com/community/tutorials/how-to-deploy-a-gatsby-application-to-digitalocean-app-platform

---

Contoh kasus migrasi aplikasi web Gatsby JS versi 2.x ke Gatsby JS versi 3.x

https://owlypixel.com/migrating-owlypixel-from-gatsbyjs-v2-to-v3/

---

Latihan membuat aplikasi toko online dengan Shopify dan Gatsby JS

https://owlypixel.com/build-a-store-with-shopify-and-gatsby/

---

Menggunakan Markdown library yang bernama MDX pada aplikasi Gatsby JS

https://owlypixel.com/migrate-gatsby-markdown-blog-to-mdx/

---

Membuat aplikasi Guitar Chord dengan Gatsby JS dan MDX Markdown library

https://owlypixel.com/building-gatsbyjs-theme-from-scratch/

---

Daftar resource penting untuk sumber belajar memakai framework Gatsby JS

https://owlypixel.com/resources-for-learning-garsbyjs/

---

Latihan menggunakan query data dengan Apollo GraphQL pada Gatsby JS

https://javascript.plainenglish.io/how-to-query-remote-graphql-data-with-apollo-in-gatsby-d199a3e618d0


#gatsby #digitalocean #mdx #react

Latihan panjang dari Digital Ocean tentang pembuatan GraphQL API dengan Prisma dan Apollo Server dan di deploy ke App Platform

https://www.digitalocean.com/community/tutorials/how-to-build-a-graphql-api-with-prisma-and-deploy-to-digitalocean-s-app-platform

---

Referensi tentang salah satu cara konfigurasi server VPS untuk Node JS backend dengan NGINX

https://javascript.plainenglish.io/how-to-set-up-nodejs-and-mongodb-on-production-server-a8426ea0baf1

---

Membuat data pura pura atau Mock Data dengan JSON Web Server, Node JS, dan Faker JS

https://itnext.io/how-to-generate-mock-data-using-faker-js-and-json-server-1d17007a08e4

---

Membuat backend aplikasi Nest JS dengan fitur login Authentication

https://levelup.gitconnected.com/how-to-create-a-nestjs-app-with-authentication-c0ae845ff6ac

#nodejs #graphql #apollo #express #digitalocean #fakerjs #mockdata #server

Latihan panjang cara deploy aplikasi Nuxt JS dan Cosmic CMS ke layanan Digital Ocean VPS

https://www.cosmicjs.com/articles/install-a-cosmic-powered-nuxtjs-app-on-digital-ocean-in-5-minutes-jikkdwsi

---

Latihan membuat blog dengan Nuxt JS, GraphQL, dan Cosmic Headless CMS

https://www.cosmicjs.com/articles/build-a-lighting-fast-blog-using-nuxtjs-graphql-cosmic-headless-cms

---

Latihan sederhana menggunakan Vue JS 3 untuk membuat Joke Generator

https://javascript.plainenglish.io/create-a-random-joke-app-with-vue-3-and-javascript-a522006ce7ad

---

#vue #nuxt #cosmic #cms #headless #digitalocean

Latihan panjang dari Codedamn, tentang deploy aplikasi web MERN Stack ke layanan VPS Digital Ocean

https://youtu.be/2kvA6Ba3fWo

#codedamn #digitalocean #mern #nodejs

Latihan panjang membuat sistem Authentication di Node JS dengan Passport JS

https://www.freecodecamp.org/news/learn-to-implement-user-authentication-in-node-apps-using-passport-js/

---

Latihan membuat Fullstack JavaScript bersama Digital Ocean

https://www.digitalocean.com/community/tech_talks/making-fullstack-javascript-apps

---

#nodejs #freecodecamp #digitalocean #express #auth #jwt

Layanan dari Digital Ocean yang menyediakan cheatsheet konfigurasi NGINX untuk server yang bisa dipakai

https://www.digitalocean.com/community/tools/nginx

---

Menambah fitur rate limiting pada layanan NGINX

https://dev.to/rhuaridh/rate-limit-specific-urls-using-nginx-1lni

#nginx #digitalocean #cheatsheet

Latihan langkah demi langkah untuk deploy aplikasi Express JS ke layanan VPS Digital Ocean

https://medium.com/@aditya.s.baghel1/easiest-way-to-deploy-your-express-js-a75252d73d23

#vps #deploy #digitalocean