Membuat aplikasi web Accelerated Mobile Pages AMP dengan Nuxt JS

https://medium.com/vuejs-id/membuat-amp-pages-dengan-nuxt-js-4c6681dc6946


#amp #nuxt

Memperkenalkan library Prerendering dari Ostr IO , library untuk menambah performa SEO dari aplikasi web modern serba Javascript , dan dapat menjadi pengganti metode SSR SEO yang biasa dipakai untuk menambah performa SEO sebelumnya. Library ini juga mendukung Prerendering pada aplikasi web AMP (Accelerated Mobile Pages) .

https://ostr.io/info/prerendering

#prerender #seo #ostr #amp

Panduan lengkap optimasi halaman dan aplikasi web untuk performa memuat halaman yang lebih baik

https://www.freecodecamp.org/news/developers-guide-to-website-speed-optimization/

#performance #optimization #pwa #amp

Latihan penting menjalankan Lighthouse Analysis di Google Chrome dengan memanggilnya langsung melalui fungsi Javascript

https://www.smashingmagazine.com/2020/09/introduction-running-lighthouse-programmatically/

---

Pengenalan parameter dalam pengukuran performa aplikasi web

https://blog.bitsrc.io/performance-metrics-for-front-end-applications-a04fdfde217a

---

Latihan menggunakan AMP Pages untuk skor Lighthouse yang baik

https://dev.to/bravemaster619/how-to-build-a-pwa-amp-google-lighthouse-and-search-console-audit-passed-1hg0

---

Tips optimasi performa aplikasi web dengan bantuan Lighthouse Analytics

https://dev.to/tomeraitz/6-ways-to-improve-lighthouse-1apl

---

#amp #lighthouse

Membuat aplikasi fullstack JavaScript dengan menggunakan React Next JS dan Firebase Database

https://blog.logrocket.com/building-a-fullstack-application-with-next-js-and-firestore-db/

---

Membuat fungsi push notifications dengan Firebase Cloud Messaging ke aplikasi React JS

https://blog.logrocket.com/push-notifications-with-react-and-firebase/

---

Latihan membuat halaman carousel sederhana di React JS

https://dev.to/rakumairu/simple-react-carousel-24m0

---

Membuat tampilan menu Tab dengan React JS

https://dev.to/ziratsu/create-lovely-react-tabs-4g41

---

Konfigurasi Next JS untuk menggunakan TypeScript , ESLint, Jest, Enzyme dan Storybook

https://medium.com/javascript-in-plain-english/how-to-setup-next-js-typescript-eslint-storybook-jest-enzyme-610451591df0

—-

Membuat halaman dengan mode AMP (Accelerated Mobile Pages) dengan menggunakan Next JS

https://medium.com/javascript-in-plain-english/next-js-amp-list-65b27cef0db6

#firebase #react #nextjs #tabs #carousel #fcm #notification #amp

AMP atau Accelerated Mobile Pages kini sudah dibawah naungan Open JS Foundation. Dan ini adalah pengenalan tentang CMS yang menggunakan AMP untuk bagian front end nya.

https://dev.to/valeriavg/amp-cms-introduction-1p3i

#nodejs #amp #cms

Menambahkan mode AMP di dalam aplikasi web Next JS

https://blog.logrocket.com/adding-amp-components-to-next-js-webpage/

---

Menggunakan LocalStorage di dalam React Hooks

https://blog.logrocket.com/using-localstorage-react-hooks/

---

Latihan membuat fungsi Authentication dan Authorization di React JS

https://dev.to/aspittel/build-a-react-app-with-authorization-and-authentication-1mha

---

Menambahkan fitur internasionalisasi i18n pada React JS

https://blog.logrocket.com/react-intl-internationalize-your-react-apps/

---

Menggunakan Axios pada React JS

https://www.freecodecamp.org/news/how-to-use-axios-with-react/

#react #nextjs #axios #localstorage #hooks #amp #i18n