Latihan membuat e-commerce sederhana dengan Next JS E-commerce template

https://blog.logrocket.com/next-js-commerce-an-overview-and-tutorial/

---

Beberapa keahlian JavaScript modern yang diperlukan sebelum masuk ke React JS

https://www.freecodecamp.org/news/javascript-skills-you-need-for-react-practical-examples/

---

Beberapa pintasan atau snippet untuk mempermudah development dengan React JS

https://www.freecodecamp.org/news/react-shortcuts-that-will-instantly-boost-your-productivity/

---

Tips untuk memuat halaman di dalam Routing Next JS dengan performa yang baik

https://dev.to/sadnessojisan/nextjs-smooth-routing-when-ssr-133e

#react #nextjs #ecommerce #ssr #routing

Latihan panjang dari Lee Robinson tentang static site generator secara bertahap atau pembuatan ulang static page pada Next JS

https://www.smashingmagazine.com/2021/04/incremental-static-regeneration-nextjs/

#nextjs #react #ssg #ssr

Freecodecamp dan Kapehe merilis latihan panjang tentang pengenalan Next JS, hingga latihan deploy ke layanan Vercel. Selengkapnya dapat dilihat di bawah ini.

https://www.freecodecamp.org/news/learn-next-js/

---

Latihan menggunakan state management Mobx pada aplikasi React JS

https://blog.logrocket.com/using-mobx-for-large-scale-enterprise-state-management/

---

Perbedaan mode Server Side Rendering SSR dengan Static Site Generator SSG di Next JS

https://blog.logrocket.com/ssg-vs-ssr-in-next-js/

---

Latihan menggunakan Sanity CMS sebagai backend dari Next JS

https://blog.logrocket.com/content-management-in-next-js-with-sanity-cms/

---

Implementasi fungsi Firebase Authentication pada Next JS

https://blog.logrocket.com/implementing-authentication-in-next-js-with-firebase/

---

Menampilkan data dari Axios ke React Hooks

https://javascript.plainenglish.io/display-api-data-using-axios-in-a-react-app-with-hooks-eb9ca298f27

#nextjs #nodejs #react #ssr #ssg #auth #firebase #sanity #cms

Contoh penggunaan React SSR bersamaan dengan backend Deno TS

https://strapi.io/blog/rendering-react-ssr-with-deno-and-deno-deploy

#deno #react #ssr

Latihan menggunakan library Plotly untuk membuat Chart di React JS

https://blog.logrocket.com/using-plotly-react-build-dynamic-charts-graphs/

---

Cara penting banget untuk mengatasi masalah Window not defined pada React atau Next JS SSR

https://dev.to/ashconnolly/prevent-window-is-not-defined-errors-with-a-useclientside-custom-hook-20f8

---

Pengenalan GraphQL dan Apollo Client pada React JS

https://javascript.plainenglish.io/graphql-for-beginners-introduction-90c78a56a96e

---

Tips menggunakan Preact JS pada Next JS

https://javascript.plainenglish.io/next-js-preact-f993c95a3f93

---

#react #plotly #chart #graphql #nextjs #ssr #preact

Latihan menggunakan Fastify JS untuk menjalankan aplikasi Vue berbasis Vite JS dengan mode SSR

https://blog.logrocket.com/fastify-vite-serving-vite-ssr-hydration/

#vue #vite #ssr #fastify #nodejs

Menggunakan Fastify JS untuk menjalankan aplikasi SSR berbasis Vite JS

https://blog.logrocket.com/fastify-vite-serving-vite-ssr-hydration/

#vite #ssr #nodejs #fastify

Tips dan trik debugging di Node JS

https://javascript.plainenglish.io/supercharge-your-node-productivity-with-debugging-781686ac830f

—-

Membuat aplikasi video streaming sederhana dengan Node JS
https://medium.com/@toakshay.official/create-a-node-js-video-streaming-application-3095cb2aa52c

—-

Contoh konfigurasi React JS dengan mode SSR dengan bantuan Express JS

https://levelup.gitconnected.com/how-to-set-up-server-side-rendering-ssr-with-react-express-js-and-esbuild-6ccb6d4bf359

—-

#debugging #react #express #ssr #videostream

Melihat fitur React Server Component pada Next JS 12

https://blog.logrocket.com/react-server-components-nextjs-12/

---

Menambahkan Sitemap dinamis pada Next JS

https://levelup.gitconnected.com/nextjs-dynamic-sitemap-2184b33bce2d

---

#react #nextjs #ssr #sitemap

Komparasi antara Remix JS dengan Next JS untuk framework berbasis SSR

https://blog.bitsrc.io/remix-vs-next-js-a-detailed-comparison-6ff557f7b41f

#nextjs #ssr #remix

Pengenalan framework fullstack MERN berbasis SSR yang bernama Redwood JS bersama channel Fireship

https://www.youtube.com/watch?v=o5Mwa_TJ3HM

#ssr #redwood #fireship

Latihan dasar penggunaan Fresh framework yang berjalan di atas Deno TS runtime

https://blog.bitsrc.io/getting-started-with-fresh-the-new-deno-framework-47ac30545891


#deno #fresh #ssr

Latihan panjang membuat web lowongan kerja dengan Next JS, Tailwind CSS, dan Strapi CMS

https://medium.com/strapi/how-to-build-a-job-board-with-next-js-tailwind-css-and-strapi-ff7896e3f539

—-

Latihan menggunakan Next JS dan contoh kasusnya

https://javascript.plainenglish.io/next-js-middleware-how-it-works-and-5-real-use-cases-cfacbeb810c9

—-

Membuat Unit Testing dengan Cypress pada React JS

https://blog.logrocket.com/unit-testing-react-cypress/

---

Komparasi beberapa framework Javascript berbasis server side rendering SSR

https://dev.to/kaspera/we-measured-the-ssr-performance-of-6-js-frameworks-heres-what-we-found-1ck0

#nextjs #react #ssr #strapi #tailwind #cypress #testing

Latihan membuat aplikasi lowongan kerja dengan Strapi CMS dan React JS

https://strapi.medium.com/how-to-create-a-job-board-website-with-react-and-strapi-d61968d714c4

—-

Contoh pembuatan server side rendering dengan Node JS

https://blog.bitsrc.io/demystifying-server-side-rendering-lets-build-our-own-ssr-server-with-node-js-c88c6c1e949d


#strapi #cms #react #ssr #nodejs

Pengenalan React Hook versi terbaru bersama Web Dev Simplified

https://www.youtube.com/watch?v=zdNF9FJWJ8o

——

Latihan dari DevelopedByEd tentang pengenalan React Query di SSR dan CSR

https://www.youtube.com/watch?v=627vAbdJ9KA


#react #ssr #hook #webdevsimplified #nextjs