Blog engineering dari layanan taksi online Lyft yang melakukan migrasi aplikasi web nya ke Next JS

https://eng.lyft.com/changing-lanes-how-lyft-is-migrating-100-frontend-microservices-to-next-js-42199aaebd5f

---


Beberapa kelebihan Next JS dan Gatsby JS jika dibandingkan dengan tools Create React App biasa.

https://dev.to/masakudamatsu/beyond-create-react-app-why-you-might-want-to-use-next-js-or-gatsby-instead-13bh

#nextjs #vercel #gatsbyjs

Membuat suatu file executables dalam format .bin atau .exe yang berisi aplikasi web berbasis Node JS dan deno TS

https://medium.com/swlh/javascript-executables-5644ead7016d

—-

Fitur ini telah tersedia di Deno TS versi 1.6
https://deno.land/posts/v1.6

—-

Sedangkan untuk Node JS, dapat menggunakan CLI dari Vercel yang bernama PKG
https://github.com/vercel/pkg

#deno #release #nodejs #executable #vercel

Latihan dari Digital Ocean tentang membuat aplikasi Next JS sederhana, dan melakukan deploy ke layanan Serverless Digital Ocean yang bernama App Platform

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

---

Menambahkan Google Analytics di dalam Next JS dengan bantuan React Context

https://dev.to/markkdev/setting-up-google-analytics-with-react-context-in-next-js-23h1

---

Next JS dan Vercel baru saja mendapatkan pendanaan Series B dari investor, dan memberikan roadmap baru untuk perkembangan Vercel ke depan

https://rauchg.com/2020/next-for-vercel
-
https://venturebeat-com.cdn.ampproject.org/v/s/venturebeat.com/2020/12/16/vercel-picks-up-40-million-to-advance-react-framework

---

Menggunakan React Hooks dan React Context sebagai state management pengganti Redux

https://itnext.io/react-hooks-with-context-as-a-state-management-solution-526d1c13a07d

---

Latihan panjang membuat game permainan catur dengan React JS

https://levelup.gitconnected.com/how-to-create-a-simple-chess-app-with-react-e18c0179b167

---

Komparasi library Jest dan Enzyme yang akan sering dipakai dalam unit testing di React

https://blog.logrocket.com/jest-and-enzyme-unit-testing-in-react-in-2021/

—-

Membuat halaman Portofolio dengan Gatsby JS dan deploy ke layanan Netlify Function

https://medium.com/javascript-in-plain-english/in-4-steps-you-can-build-and-deploy-a-portfolio-site-1c7792427bc2

#nextjs #react #vercel #game #chess #hooks #redux #statemanagement #testing #enzyme #jest #gatsby #netlify

Membangun kerangka aplikasi React JS dari dasar

https://betterprogramming.pub/building-a-modern-react-app-from-scratch-in-2021-d2071c31c98

—-

Teknik routing dan pengambilan data di Next JS

https://betterprogramming.pub/routing-and-data-fetching-in-next-js-aa3c7f3e2481

---

Latihan dasar menggunakan Next JS

https://javascript.plainenglish.io/getting-started-with-nextjs-6ce019e35a77

---

Menggunakan Snowpack sebagai pengganti Webpack di React JS

https://javascript.plainenglish.io/replace-create-react-app-with-snowpack-6a979e65ab90

---

Membuat fungsi realtime chat dengan Next JS dan deploy ke Vercel

https://ably.com/blog/realtime-chat-app-nextjs-vercel

#react #nextjs #snowpack #vercel

Cara deploy aplikasi Node JS ke layanan Serverless Vercel

https://blog.logrocket.com/serverless-deployments-vercel-node-js/

---

Latihan sederhana membuat blog dengan Eleventy dan Node JS

https://blog.logrocket.com/using-eleventy-to-host-your-blog/

---

Komparasi antara Adonis JS dengan Django Framework

https://blog.logrocket.com/adonisjs-vs-django-which-web-framework-should-you-use/

---

Mengakses environment variables dengan dotenv di Node JS

https://www.js-tutorials.com/nodejs-tutorial/manage-environment-variables-in-node-js-with-dotenv/

---

Latihan membuat microservice dengan Yeoman Generator

https://hackernoon.com/how-to-quickly-generate-microservices-with-yeoman-1i2p31bw

---

Komparasi beberapa library yang biasa dipakai untuk logging di Node JS

https://javascript.plainenglish.io/nodejs-logging-library-17932e06695a

#nodejs #vercel #env #yeoman #eleventy #blog #logging

All right then gang, Net Ninja telah merilis latihan panjang dan lengkap tentang pengenalan Next JS dan Contentful CMS. Kemudian dilanjutkan dengan proses deploy ke layanan Vercel Cloud Hosting.

https://youtu.be/m9mNsYJbkNg

Playlist selengkapnya dapat dilihat di
https://youtube.com/playlist?list=PL4cUxeGkcC9jClk8wl1yJcN3Zlrr8YSA1

---

Net Ninja juga telah merilis latihan lengkap dan panjang sekali tentang pengenalan Material UI Components untuk React JS

https://youtu.be/0KEpWHtG10M

Playlist selengkapnya dapat dilihat pada tautan berikut ini.
https://youtube.com/playlist?list=PL4cUxeGkcC9gjxLvV4VEkZ6H6H4yWuS58


#netninja #react #nextjs #material #ui #vercel #cms #contentful

Latihan panjang membuat aplikasi chat realtime dengan Next JS dan Vercel JS

https://ably.com/blog/realtime-chat-app-nextjs-vercel

---

Cara mengganti Router di Next JS secara programmatically

https://flaviocopes.com/nextjs-programmatically-change-route/

#nextjs #react #vercel #chat #router

Melakukan proses deploy aplikasi MERN Stack ke layanan gratis terbatas seperti Vercel dan Begin

https://blog.logrocket.com/deploying-node-js-react-app-for-free-begin/

#nodejs #mern #vercel #begin

Latihan panjang pengenalan React JS dan contoh kasus penggunaannya

https://www.freecodecamp.org/news/learn-react-basics/

---

Latihan menggunakan Headless CMS dengan Fauna Db, React JS, dan Vercel

https://css-tricks.com/building-a-headless-cms-with-fauna-and-vercel-functions/

---

Referensi struktur project berbasis Next JS

https://dev.to/josemukorivo/how-i-structure-my-nextjs-projects-5n8

#react #cms #faunadb #vercel

Latihan penting tentang cara deploy aplikasi backend Express JS ke Vercel Hosting

https://dev.to/hte305/deploy-express-js-app-to-vercel-38jb

#nodejs #vercel #express